搜索
設為首頁
加入收藏
首頁
編程語言
C語言
|
JAVA編程
Python編程
網頁編程
ASP編程
|
PHP編程
JSP編程
數據庫
MYSQL數據庫
|
SqlServer數據庫
Oracle數據庫
|
DB2數據庫
您现在的位置：
程式碼之家
>>
編程語言
> >>
C語言
>>
關於C語言
WinForms 實現經典左右分欄 MDI 多文檔界面：SplitContainer + 動態選單同步完整方案
編輯：關於C語言
一、需求背景與架構選型
Web 應用常用 `
`/`
` 實現左側導航 + 右側內容布局。WinForms 中同樣可輕鬆實現，核心組件為：</p> <ul> <li><strong>MDI 容器</strong>：父視窗設 `IsMdiContainer = true`，子視窗設 `MdiParent`。</li> <li><strong>SplitContainer</strong>：左側 Panel1 放導航（如 TreeView），右側 Panel2 作為 MDI 子視窗容器。</li> <li><strong>MenuStrip</strong>：提供「Windows」選單動態列出開啟的子視窗，支援快速切換。</li> </ul> <h2>二、基礎 MDI 實現（僅右側區域）</h2> <pre><code class="language-csharp">public partial class FormMdi : Form { private int _formCount = 0; public FormMdi() { InitializeComponent(); // 關鍵：將 Windows 選單項指派給 MdiWindowListItem，自動管理子視窗列表 menuStrip1.MdiWindowListItem = windowsToolStripMenuItem; } private void newToolStripMenuItem_Click(object sender, EventArgs e) { ShowChildForm<FormChild>(); } private void ShowChildForm<TForm>() where TForm : Form, new() { var child = new TForm { Name = "frm" + Guid.NewGuid().ToString("N"), Text = $"Child Form - {++_formCount}", MdiParent = this, WindowState = FormWindowState.Maximized }; child.Show(); } }</code></pre> <h2>三、進階：SplitContainer 左右分欄 + 子視窗限制在 Panel2</h2> <p>關鍵在於設定子視窗的 `Parent` 屬性為 `splitContainer1.Panel2`：</p> <pre><code class="language-csharp">public partial class FormMain : Form { private int _formCount = 0; private string _activeChildName; public FormMain() { InitializeComponent(); IsMdiContainer = true; // 訂閱 Panel2 控制項增減事件，動態維護 Windows 選單 splitContainer1.Panel2.ControlAdded += Panel2_ControlChanged; splitContainer1.Panel2.ControlRemoved += Panel2_ControlChanged; windowsToolStripMenuItem.DropDownItemClicked += WindowsToolStripMenuItem_DropDownItemClicked; } private void ShowChildForm<TForm>() where TForm : Form, new() { var child = new TForm { Name = "frm" + Guid.NewGuid().ToString("N"), Text = $"Child Form - {++_formCount}", MdiParent = this, Parent = splitContainer1.Panel2, // **核心：限制在 Panel2 顯示** WindowState = FormWindowState.Maximized }; // 監聽 Paint 事件，同步 Windows 選單勾選狀態（解決點擊標題列切換未同步問題） child.Paint += (s, e) => { var frm = s as Form; if (frm != null && !frm.Name.Equals(_activeChildName) && splitContainer1.Panel2.Controls[0].Equals(frm)) { CheckWindowsMenuItem("menu_" + frm.Name); _activeChildName = frm.Name; } }; child.Show(); } // ... 事件處理方法見下文 }</code></pre> <h2>四、動態維護 Windows 選單：ControlAdded/ControlRemoved 事件</h2> <pre><code class="language-csharp">private void Panel2_ControlChanged(object sender, ControlEventArgs e) { var frm = e.Control as Form; if (frm == null) return; string menuName = "menu_" + frm.Name; bool exists = splitContainer1.Panel2.Controls.Contains(frm); if (exists) // 子視窗新增 { var menuItem = GetMenuItem(menuName); if (menuItem != null) { menuItem.Checked = true; frm.BringToFront(); frm.Focus(); } else { windowsToolStripMenuItem.DropDownItems.Add(new ToolStripMenuItem { Text = frm.Text, Name = menuName, Tag = frm, Checked = true }); } } else // 子視窗關閉 { var menuItem = GetMenuItem(menuName); if (menuItem != null) { windowsToolStripMenuItem.DropDownItems.Remove(menuItem); menuItem.Dispose(); } } } private ToolStripMenuItem GetMenuItem(string menuName) { var items = windowsToolStripMenuItem.DropDownItems.Cast<ToolStripMenuItem>(); items.ToList().ForEach(m => m.Checked = false); // 取消其他勾選 return items.Where(m => m.Name == menuName).SingleOrDefault(); }</code></pre> <h2>五、選單點擊切換子視窗</h2> <pre><code class="language-csharp">private void WindowsToolStripMenuItem_DropDownItemClicked(object sender, ToolStripItemClickedEventArgs e) { var menuItem = GetMenuItem(e.ClickedItem.Name); menuItem.Checked = true; var childForm = menuItem.Tag as Form; childForm?.BringToFront(); childForm?.Focus(); } private void CheckWindowsMenuItem(string menuName) { var menuItem = GetMenuItem(menuName); if (menuItem != null) menuItem.Checked = true; }</code></pre> <h2>六、完整程式碼結構</h2> <p>完整代碼包含：</p> <ol> <li>主視窗建構函式初始化與事件訂閱</li> <li>`ShowChildForm` 通用方法（含 Paint 事件同步邏輯）</li> <li>`Panel2_ControlChanged` 動態選單維護</li> <li>`WindowsToolStripMenuItem_DropDownItemClicked` 選單切換響應</li> <li>設計器生成代碼（`InitializeComponent`）</li> </ol> <p>（完整代碼較長，核心邏輯已在上文展示，專案中可直接複製調適。）</p> <h2>七、效果展示與關鍵差異說明</h2> <p><img src="https://code.yunyiwangluo.com/bianchen/UploadFiles_4619/201701/2017011209500477.png" alt="左右分欄 MDI 界面效果圖" /></p> <p><strong>與標準 MDI 差異：</strong></p> <ul> <li>標準 MDI：子視窗標題列併入父視窗選單列，受 MDI 規則約束。</li> <li>本方案：子視窗最大化時標題列**不併入**父視窗，獨立顯示於 Panel2 內，視覺上更像現代分頁式應用。</li> </ul> <h2>八、擴展建議</h2> <ul> <li>左側 Panel1 整合 TreeView/MenuStrip 實現功能導航。</li> <li>子視窗實作統一介面（如 `IChildForm`），支援狀態保存/恢復。</li> <li>加入分頁式標籤（TabControl）替代 Windows 選單，提升易用性。</li> <li>支援子視窗拖曳排序、浮動、停靠（可引入 DockPanel Suite 等庫）。</li> </ul> <h2>九、總結</h2> <p>結合 `IsMdiContainer`、`SplitContainer`、動態事件訂閱，即可構建專業級左右分欄 MDI 界面。核心在於：</p> <ol> <li>子視窗 `Parent = splitContainer.Panel2` 限制顯示區域。</li> <li>利用 `ControlAdded/Removed` 同步 Windows 選單。</li> <li>利用 `Paint` 事件捕獲 Z-order 變化同步勾選狀態。</li> </ol> <p>此架構清晰、擴展性強，是 WinForms 桌面應用的經典選擇。</p> <div class="qcxs_ie_he"></div> </div> <div class="akevx_own"> <script language='javascript' src='/ad/p.js'></script></div> <div class="akevx_mj"> </div> <div class="qcxs_ie_he"></div> <ol class="qmsbvx_hsb ovv_hex"> <li>上一篇文章： <a class='LinkPrevArticle' href='https://code.yunyiwangluo.com/bianchen/gycyy/78779.html' >C# 非託管資源釋放最佳實踐：Dispose 模式深度解析與正確實現</a> <li>下一篇文章： <a class='LinkNextArticle' href='https://code.yunyiwangluo.com/bianchen/gycyy/78781.html' >WinForms 左右分欄界面進階實現：TreeView + 自訂分割器的輕量級方案</a> </ol> </div> </div> <div class="qirnxbd bg1 mt20"> <div class="jdbsbav"> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/' target="_blank">關於C語言</a> <div class="jdbsbav_hx"></div> </div> <div class="qirnxbd_rbx"> <div class="oiendx"> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/79700.html' target="_blank"><img src='https://code.yunyiwangluo.com/bianchen/UploadFiles_4619/201701/2017011210173017_S.jpg' width='100' height='70' alt='WPF/Silverlight 遊戲開發教程（三十一之一）：超酷萬變的矢量魔法系統' border='0'></a> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/79700.html' target="_blank"><strong>WPF/Silverlight 遊戲開發教程（三十一之一）：超酷萬變的矢量魔法系統</strong></a> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/79700.html' target="_blank"><p>回顧經典網遊奇跡 MU，其超酷絢麗魔法效果曾打動無數玩家。本</p></a> </div> <div class="oiendx"> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/198010.html' target="_blank"><img src='https://code.yunyiwangluo.com/bianchen/UploadFiles_4619/201701/2017012111050542_S.gif' width='100' height='70' alt='Windows程式設計基礎：裝置內容屬性與GDI繪圖模型' border='0'></a> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/198010.html' target="_blank"><strong>Windows程式設計基礎：裝置內容屬性與GDI繪圖模型</strong></a> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/198010.html' target="_blank"><p>3.1 圖形裝置介面（GDI）架構 第二章已初步使用圖形裝置</p></a> </div> <div class="oiendx"> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/194228.html' target="_blank"><img src='https://code.yunyiwangluo.com/bianchen/UploadFiles_4619/201701/2017012110112964.png' width='100' height='70' alt='C 語言處理 Excel 轉 JSON 實戰：跨平台輕量級方案' border='0'></a> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/194228.html' target="_blank"><strong>C 語言處理 Excel 轉 JSON 實戰：跨平台輕量級方案</strong></a> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/194228.html' target="_blank"><p>C 語言處理 Excel 轉 JSON 實戰 工作中常需將 </p></a> </div> <div class="oiendx"> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/198276.html' target="_blank"><img src='https://code.yunyiwangluo.com/bianchen/UploadFiles_4619/201701/2017012111112138_S.jpg' width='100' height='70' alt='Ice 中間件服務端開發：用 Ice::Service 實現 Windows 系統服務化部署' border='0'></a> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/198276.html' target="_blank"><strong>Ice 中間件服務端開發：用 Ice::Service 實現 Windows 系統服務化部署</strong></a> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/198276.html' target="_blank"><p>前言：為什麼選擇 Ice？ Ice (Internet Co</p></a> </div> <div class="qcxs_ie_he"></div> </div> </div> </div> <div class="eccsgxsg mt20"> <div class="akevx_oin"> </div> <div class="nenxnxb bg1 mt20"> <div class="enxvsfgg"> <div class="enxvsfgg_1"></div> </div> <div class="pdirbvx lbhevs ovv_hex"> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/194827.html' target="_blank">C語言指針實戰：函數傳遞數組並通過指針返回最大值與最小值</a> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/80890.html' target="_blank">C# 設計模式：合成模式完整指南（三）— 透明式合成模式結構與實作</a> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/196126.html' target="_blank">Linux 網絡編程核心系統調用：socket 地址結構與地址轉換函數詳解</a> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/114596.html' target="_blank">實時系統核心難題：優先級反轉與優先級繼承機制圖解</a> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/79690.html' target="_blank">WPF/Silverlight 遊戲開發教程（二十八之一）：五大根屬性與完整屬性架構設計</a> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/80090.html' target="_blank">C# 使用參數化 SQL 語句存取 MySQL 資料庫</a> <a href='https://code.yunyiwangluo.com/bianchen/gycyy/198986.html' target="_blank">編譯原理入門（一）：C 語言文法產生式完整定義</a> </div> </div> <div class="eqibneb bg1 mt20"> <div class="lkebxsg">欄目導航</div> <div class="eqibneb_1 ovv_hex"> <li><a class='childclass' href='https://code.yunyiwangluo.com/bianchen/C/' target="_self">C</a></li> <li><a class='childclass' href='https://code.yunyiwangluo.com/bianchen/cjj/' target="_self">C++</a></li> <li><a class='childclass' href='https://code.yunyiwangluo.com/bianchen/vcjj/' target="_self">VC</a></li> <li><a class='childclass' href='https://code.yunyiwangluo.com/bianchen/vcnet/' target="_self">VC.NET</a></li> <li><a class='childclass' href='https://code.yunyiwangluo.com/bianchen/gycyy/' target="_self">關於C語言</a></li> </div> </div> </div> <div class="qcxs_ie_he"></div> </div> </div> <div class="qcxs_ie_he"></div> <div class="ebrxbsbf">Copyright © <a href="https://code.yunyiwangluo.com/" target="_blank" title="程式碼之家">程式碼之家</a> All Rights Reserved </div> </body> </html>
