之前一提到側邊導航欄（可伸縮），一直都是用panel，button實現的，接觸了Dev后發現，navBarControl這個控件蠻好用的，操作起來方便，界面也漂亮。
下面就記錄一下學習的過程：
一、在工具箱Navigation&Layout下找到控件navBarControl，拽到相應的位置。
二、點擊控件右上角的小三角，對其進行設計：如下圖
點Add group可迅速添加組列表，點Run Designer可對其添加的組和項的屬性進行編輯。
三、接下來就是根據需求對其進行設計了，如下圖演示：
左邊紅色框里，是添加的組信息，點Add Group即可，caption設置Text屬性，中間綠色框里的是項信息，點擊Add Item即可，caption設置Text屬性，可以把相應的項信息拖到組信息下，如左邊藍色圈出來的所示，右邊就是設置屬性的地方了，我們可以調整字體樣式，應用控件皮膚樣式，設置事件等等了。當然我們也可以為相應的操作設置圖標，下面以這個為例，講一下詳細過程，會了這個，當然很多操作就會很容易了。
四、設置圖標主要用到兩個屬性，LargeImage和SmallImage，這是兩種形式，LargeImage是圖標在文字上方，SmallImage是圖標在文字左邊，添加准備好的圖標就可以了。
在navBarControl控件屬性里還可以通過更改LookAndFeel設置皮膚樣式。
還有設置字體的時候需要注意下，在Apparance屬性下設置好字體樣式了，還要useFont=true，要是useFont=false，仍然是默認的。如下圖設置：
五、還有一個收縮的屬性會經常用到，就是Expanded，當Expanded=true時是展開的，當Expanded=false時，是收起來的。
下面看一下效果：
可以根據需求更改樣式，接下來根據需求就可以寫事件代碼了。
今天的總結。