DevExpress的圖形按鈕菜單欄控件WindowsUIButtonPanel的布局、使用和設置按鈕的點擊事件

場景

Winform控件-DevExpress18下載安裝注冊以及在VS中使用：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/100061243

在上面成功安裝DevExpress控件后，需要實現以下圖形按鈕菜單欄效果

 

 

注：

博客主頁：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

打開工具箱，找到WIndowsUIButtonPanel控件。

拖拽到頁面上之后，點擊右上角三角號，調整布局。

 

 

Choose Dock Style 就是設置整個Panle的位置，這里為Top，靠上。

Content Alignment就是調整Panel里Button的位置，這里調為上面據左。

然后再點擊小三角的Edit Buttons，添加要顯示的Button項。

 

 

在這里可以設置每個Button的屬性，包括懸浮提示的內容等。

 

 

然后選中Panel，打開屬性面板，設置每個Button下面字體的內容。

 

 

怎樣設置每個按鈕的點擊事件。

找到事件下的ButtonClick事件，注意不是Click事件。

 

 

雙擊進入其事件方法的編寫中

private void windowsUIButtonPanel1_ButtonClick(object sender, ButtonEventArgs e)
        {
            switch (e.Button.ToString().Substring(e.Button.ToString().LastIndexOf("=")+1).Trim())
            {
                case "刷新":
                    MessageBox.Show("刷新");
                    break;
                case "圖表選項":
                    MessageBox.Show("圖表選項");
                    break;
                case "類型選擇":
                    MessageBox.Show("類型選擇");
                    break;
                default:
                    MessageBox.Show("類型選擇");
                    break;
            }
        }

 

注：

這里的e.Button.ToString()的內容為：

 

 

具體內容跟自己設置每個Button的屬性有關，所以在進行判斷時要根據自己的Button的設置進行判斷。