之前一直做Web開發，對于Asp.net、JavaScript、EXTJS等技術略懂一二，最近可能有一個項目會用到winform進行開發， 雖然以前也用Winform做過一些小程序（包括使用MFC等），但此次需要用到第三方的界面開發控件DevExpress，這個就沒什么底了，于是想到 先做下技術調研工作。

  有人說會做WebForm，那么做WinForm就不會有問題了。我覺得并不是那么一回事，開發WinForm有一套自己的研發思路，和WebForm不盡相同。要不然怎么會有B/S系統和C/S系統的區分呢。

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

  開發環境為：VS2010+DevExpress V11.1。

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

一管理菜單項

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

  Page：表示Ribbon的菜單項，參考Word2007的“開始”菜單

  PageGroup：表示菜單下面的各個功能項，參考Word2007“開始”菜單下的“剪貼板”功能項。

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

新增：

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

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

刪除：

  點擊右RibbonControl右上角的三角符號 ，選擇Run Designer，

  在第一項Ribbon Items里，可看到剛才新建的Page和PageGroup，在這里選中想要刪除的項目，點擊上面的Remove既可。

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

二改變外觀

  從工具箱內拖住DefaultLookAndFeel控件到Form上，發現在Form的下方出現此控件，此時修改這個控件的屬性既可實現對RibbonContrl改變外觀操作。

如下所示：

三新增圖片資源

  從工具箱內拖住ImageCollection控件到Form上，類似于DefaultLookAndFeel，在Form下方出現新增控件，右鍵點擊此控件，選中Add Image，可從本地獲取相關圖標，我在這里新增了四個小圖標，如下圖所示：

  下面我想要在第一個PageGroup里的Button前面新添加一個小圖標。

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

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

如下圖所示：