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

  在昨天DevExpress學習筆記---Ribbon的框架基礎上繼續。

設置NavBar

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

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

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

設置Item

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

   設置完圖標集合后，分別設置NavBarControl控件的屬性SmallImages和LargeImages為相應的ImageCollection控件。

  然后選中NavBarItem1，在其屬性中設置SmallImageIndex的值，可看到Item前面有相應的圖標出現，如下圖所示：

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

設置Item的單擊事件

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

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

        {

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

        }

運行程序的效果為：