原創(chuàng)|其它|編輯:郝浩|2011-12-28 00:18:35.000|閱讀 9071 次
概述:昨天研究了RibbonControl控件,搭建了一個空架子,今天再次研究下NavBarControl。由于本人做Web研發(fā)出身,所以對于上菜單,左導(dǎo)航,右內(nèi)容的界面組織形式較為熟悉,所以自然想到了NavBarControl。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
昨天研究了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)行程序的效果為:
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:網(wǎng)絡(luò)轉(zhuǎn)載