最近剛接觸到 DevExpress 13.1 這個面板元件, 覺得相當好用 於是開始準備搭建 個小應用的主體框架.

找了好久的就是沒找到對應的文章來講解這一塊.. 翻了他們主網站上人家問的,以及API 才摸索... 不懂英文好吃力呀~~~

首先選到的就是,依舊用 Mdi子窗體模式載入子模組

第一步: 建立一個主 RibbonForm 為: ParentForm

 　　1.1 設定 RibbonControl 屬性 MdiMergeStyle 為: Always 

第二步: 在左邊拖入一個NavBarControl 設定Dock : Left

第三步: 拖入: XtraTabbedMdiManager

　　3.1 設定 XtraTabbedMdiManager 的 MdiParent 為: 當前窗體:ParentForm

以上 主窗體部分完成

第四步: 新建子 RibbonForm 為: ChildForm

第五步: 在ChildForm中拖入: XtraScrollableControl 並設定 Dock:Fill 然後你可以把你的元件都拖入這個控制元件,這樣就會在 ChildForm 被 載入的話會有 滾動條

第六步: 在 ChildForm 的 RibbonControl 中新增對就應的 RibbonPage 和 按鈕

以上子窗體部分完成

好了,至此,基本控制元件我們都已經新增好了.,接下來我們來新增事件

第七步: 開啟子窗體事件

在ParentForm的  navbarControl 中新增 Item 並新增事件

        // 給 NavBarControl 新增 LinkClicked 事件
        private void navBarControl2_LinkClicked(object sender, NavBarLinkEventArgs e)
        {
            AddPageMdi(e.Link.Item);
        }

　　　　 // 開啟子窗體方法
        private void AddPageMdi(NavBarItem navItem)
        {            
            ChildForm childForm = new ChildForm();
            childForm.MdiParent = this;
　　         // 子窗體的 Text  就是 Tab頁中的標題 ,我這裡是直接取 navItem中的標題作為 tab頁的標題
            childForm.Text = navItem.Caption + tabCount++;
            // 顯示 
            childForm.Show();
            // 設定當前 tab頁的 圖示,我這裡也預設取navBar中的Item中的圖示
            xtraTabbedMdiManager1.Pages[subform].Image = navItem.SmallImage;
        }

第八步: 新增雙擊頁籤時,關閉頁籤事件,記住 是新增在: XtraTabbedMdiManager 的 MouseDown 事件中:

 private DateTime m_LastClick = System.DateTime.Now;
        private XtraMdiTabPage m_lastPage = null;
        private void xtraTabbedMdiManager1_MouseDown(object sender, MouseEventArgs e)
        {
            XtraMdiTabPage curPage = (sender as XtraTabbedMdiManager).SelectedPage;

            if (e.Button == MouseButtons.Left)
            {

                DateTime dt = DateTime.Now;
                TimeSpan span = dt.Subtract(m_LastClick);
                if (span.TotalMilliseconds < 300)  //如果兩次點選的時間間隔小於300毫秒，則認為是雙擊
                {


                    if (this.MdiChildren.Length > 1)
                    {

                        // 限制只有在同一個頁簽上雙擊才能關閉.(規避兩個頁籤切換時點太快導致意外關閉頁籤)
                        if (curPage.Equals(m_lastPage))
                        {
                            //if (this.ActiveMdiChild != m_MapForm)
                            //{
                            this.ActiveMdiChild.Close();
                            //}

                        }
                    }
                    m_LastClick = dt.AddMinutes(-1);
                }
                else
                {
                    m_LastClick = dt;
                    m_lastPage = curPage;
                }
            }
        }

第九步: 新增合併Mdi子窗體的 狀態列 ,記得是在ParentForm的 RibbonControl控的 Merge事件和 UnMerge 事件中新增 這樣就能在切換子窗體頁籤的時候同時將子窗體的狀態列也合併到主窗體的狀態列上,並且在切換另一個的時候同時解除安裝當前子窗體的合併狀態列,

        private void ribbon_Merge(object sender, DevExpress.XtraBars.Ribbon.RibbonMergeEventArgs e)
        {
            RibbonControl parentRRibbon = sender as RibbonControl;
            RibbonControl childRibbon = e.MergedChild;
            parentRRibbon.StatusBar.MergeStatusBar(childRibbon.StatusBar);
        }

        private void ribbon_UnMerge(object sender, RibbonMergeEventArgs e)
        {
            RibbonControl parentRRibbon = sender as RibbonControl;
            parentRRibbon.StatusBar.UnMergeStatusBar();

        }

OK 基本至此,小應用框架就能搭建出來了,後期還需要再新增控制,已經載入的子窗體不能重複新增的功能.

以及 NavBarControl 的 過濾功能.

[

注意: Mdi子窗體的RibbonControl中的控制元件合併到主窗體上的時候,是根據Text屬性值來合併的,如果對應的 Text值和主窗體上的 RibbonControl中的 Page或是 Group 的Text一樣的話（注意，先判斷Page，Page的Text不同則不需要再判斷Group是否相同而會新建一個Page在父窗體的RibbonControl中）就會被合併到同個Page或是 Group 中

另外,子窗體中的RibbonControl中？？的按鈕之類的是根據Caption來進行合併的（因為BarButtonItem和NavBarItem等是沒有繼承Control類的，故沒有Text而只有Caption）可以通過: MergeType（在BarButtonItem的屬性中）來控制在合併到主窗體時是 :

　　Add新增(預設) ,

     Replace:替換(子窗體按鈕設定就可以)

     MergeItems (還搞不清楚) 

     Remove:移除(需要主窗體的 MergeType 和 子窗體的MergeType 都設定為:Remove 時才可以，這個Remove應該是將兩個按鈕都移除？？)

]