之前一直做Web開發(fā)，對(duì)于Asp.net、JavaScript、EXTJS等技術(shù)略懂一二，最近可能有一個(gè)項(xiàng)目會(huì)用到winform進(jìn)行開發(fā)， 雖然以前也用Winform做過(guò)一些小程序（包括使用MFC等），但此次需要用到第三方的界面開發(fā)控件DevExpress，這個(gè)就沒(méi)什么底了，于是想到 先做下技術(shù)調(diào)研工作。

  有人說(shuō)會(huì)做WebForm，那么做WinForm就不會(huì)有問(wèn)題了。我覺(jué)得并不是那么一回事，開發(fā)WinForm有一套自己的研發(fā)思路，和WebForm不盡相同。要不然怎么會(huì)有B/S系統(tǒng)和C/S系統(tǒng)的區(qū)分呢。

  大致翻了些資料，覺(jué)得整套Dev框架可以說(shuō)是包羅萬(wàn)象，比較重要的組件有XtraBars、XtraGrid、XtraEditors、XtraTreeList等，先從較為簡(jiǎn)單的XtraBars入手，研究下較為流行的RibbonBar。

  開發(fā)環(huán)境為：VS2010+DevExpress V11.1。

   首先打開Visual Studio，新建一個(gè)WinForm的工程，如下圖所示：

一管理菜單項(xiàng)

  從左邊的工具箱中拖一個(gè) RibbonControl組件放置到Form上，RibbonControl自動(dòng)停靠到Form靠上的位置，如下圖所示：

  Page：表示Ribbon的菜單項(xiàng)，參考Word2007的“開始”菜單

  PageGroup：表示菜單下面的各個(gè)功能項(xiàng)，參考Word2007“開始”菜單下的“剪貼板”功能項(xiàng)。

  Quick Access:表示快捷功能鍵，參考Word2007“開始”上面的快捷按鈕圖標(biāo)。

新增：

  選中Page,右鍵點(diǎn)擊可以新增Page或者新增屬于本Page的PageGroup。

  我們先增加一個(gè)Page，并在第一個(gè)Page下的Group里新增一個(gè)按鈕button。

刪除：

  點(diǎn)擊右RibbonControl右上角的三角符號(hào) ，選擇Run Designer，

  在第一項(xiàng)Ribbon Items里，可看到剛才新建的Page和PageGroup，在這里選中想要?jiǎng)h除的項(xiàng)目，點(diǎn)擊上面的Remove既可。

  Quick Access的新建和刪除參考上述的步驟既可。

二改變外觀

  從工具箱內(nèi)拖住DefaultLookAndFeel控件到Form上，發(fā)現(xiàn)在Form的下方出現(xiàn)此控件，此時(shí)修改這個(gè)控件的屬性既可實(shí)現(xiàn)對(duì)RibbonContrl改變外觀操作。

如下所示：

三新增圖片資源

  從工具箱內(nèi)拖住ImageCollection控件到Form上，類似于DefaultLookAndFeel，在Form下方出現(xiàn)新增控件，右鍵點(diǎn)擊此控件，選中Add Image，可從本地獲取相關(guān)圖標(biāo)，我在這里新增了四個(gè)小圖標(biāo)，如下圖所示：

  下面我想要在第一個(gè)PageGroup里的Button前面新添加一個(gè)小圖標(biāo)。

  （1）查看Ribbon Control的屬性，將imagecollection 賦給Images屬性。

  （2）選中button，查看其屬性，選中ImageIndex屬性，選擇需要添加的圖標(biāo)既可。

如下圖所示：