昨天研究了RibbonControl控件，搭建了一個空架子，今天再次研究下NavBarControl。由于本人做Web研發(fā)出身，所以對于上菜單，左導(dǎo)航，右內(nèi)容的界面組織形式較為熟悉，所以自然想到了NavBarControl。

  在昨天DevExpress學(xué)習(xí)筆記---Ribbon的框架基礎(chǔ)上繼續(xù)。

設(shè)置NavBar

  從工具箱中拖一個NavBarControl到Form界面上，設(shè)置其Dock屬性為Left，PaintStyleName為SkinNav:Blue。效果如下：

  右鍵點(diǎn)擊navBarGroup1,可選擇新增/刪除Group,或者新增Item，這里我新建一個Group和一個Item。如果想刪除Item或者對 某Group中的Item進(jìn)行排序，就需要點(diǎn)擊右上角的三角符號進(jìn)入Designer了，具體的操作方法與RibbonControl大同小異，不再繁 敘。效果圖如下：

  現(xiàn)在兩個Group是堆積在一起的，如果隱藏這種抽屜效果，設(shè)置NavbarControl的NavgationPaneMaxVisibleGroups的值為0，可看到效果如下：

設(shè)置Item

  一般我們希望Item左邊有小圖標(biāo)或者在較少Item的情況下上面有大的圖標(biāo)，如果想要達(dá)到這種效果，先從工具箱中拖入 兩個ImageCollection控件，一個控件承擔(dān)小圖標(biāo)的集合，另一個控件承擔(dān)大圖標(biāo)的集合。啰嗦一句，DX控件的圖標(biāo)集合中，小圖標(biāo)一般為 16×16，大圖標(biāo)為32×32.

   設(shè)置完圖標(biāo)集合后，分別設(shè)置NavBarControl控件的屬性SmallImages和LargeImages為相應(yīng)的ImageCollection控件。

  然后選中NavBarItem1，在其屬性中設(shè)置SmallImageIndex的值，可看到Item前面有相應(yīng)的圖標(biāo)出現(xiàn)，如下圖所示：

  嘗試設(shè)置Item的屬性LargeImageIndex的值，則發(fā)現(xiàn)沒有任何變化，這是為什么呢？原來在設(shè)置這個屬性之前還需要設(shè)置此Item所在Group的屬性GroupStyle的值為LargeImageText。設(shè)置完成后的效果如下所示：

設(shè)置Item的單擊事件

  雙擊Item的LinkClicked事件，在生成的函數(shù)中寫上如下的代碼：

  ;      private void navBarItem1_LinkClicked_1(object sender, DevExpress.XtraNavBar.NavBarLinkEventArgs e)

        {

            MessageBox.Show(string.Format("{0} Item was Clicked", e.Link.ItemName));

        }

運(yùn)行程序的效果為：