DevExpress WinForms擁有180+組件和UI庫，能為Windows Forms平臺創(chuàng)建具有影響力的業(yè)務(wù)解決方案。DevExpress WinForms能完美構(gòu)建流暢、美觀且易于使用的應(yīng)用程序，無論是Office風格的界面，還是分析處理大批量的業(yè)務(wù)數(shù)據(jù)，它都能輕松勝任！

在本文中您將學(xué)習到如何向View項添加上下文按鈕，從而將View轉(zhuǎn)換為交互式圖像庫。

由于WinExplorer視圖可以被視為帶有數(shù)據(jù)源的圖像庫，因此您可能希望允許最終用戶與這些圖像進行交互，這可以使用上下文按鈕功能來完成。

獲取DevExpress WinForms 正式版下載

DevExpress技術(shù)交流群11：749942875      歡迎一起進群討論

啟用ExtraLarge樣式

首先將視圖的設(shè)置為，這將為圖像區(qū)域內(nèi)的上下文按鈕提供足夠的空間。

然后，從中刪除。啟動應(yīng)用程序，看到現(xiàn)在只有圖像顯示。

添加上下文按鈕

接下來，找到屬性并調(diào)用編輯器對話框。

在這里，您可以添加由所有視圖項共享的上下文按鈕。有三種按鈕類型：簡單的按鈕、檢查按鈕和評級控件，選擇一個簡單的Context Button類型按鈕類型并將其添加到集合中，以類似的方式，添加另一個簡單的按鈕、一個檢查按鈕和一個評級控件。

第一個按鈕將用作顯示汽車型號名稱的標簽，目前將其設(shè)置為MODEL，并將其與MiddleTop對齊。

對于第二個按鈕，從DevExpress圖標庫中選擇問號圖像，此按鈕將顯示其他汽車信息。

更改屬性來將此按鈕移動到右上角。

評級項目將允許最終用戶對汽車進行評級，將其移動到MiddleBottom位置。

顯示上下文按鈕面板

默認情況下，當您將鼠標懸停在相應(yīng)區(qū)域時，按鈕將顯示在基礎(chǔ)圖像上方。您還可以啟用頂部和底部面板，它們將作為按鈕的容器出現(xiàn)。展開屬性，設(shè)置頂部和底部面板的背景色為150,0,0,0，這是一個半透明的黑色，然后為兩個面板添加填充。

運行應(yīng)用程序來查看結(jié)果，面板已經(jīng)出現(xiàn)，但現(xiàn)在面板和按鈕顏色之間沒有足夠的對比。

返回到上下文按鈕編輯器，并將所有項目的前景色設(shè)置為Gainsboro，確保打開字形皮膚功能，以便按鈕圖標被繪制為相同的顏色。

然后再次啟動應(yīng)用程序，看到所有顏色都已應(yīng)用。

自定義單個上下文按鈕

要正確初始化復(fù)選框和標題標簽，處理事件，它允許您在按鈕顯示在項目中之前自定義按鈕。要設(shè)置標題按鈕中的值，請將其屬性設(shè)置為當前記錄中的Model Name列值。類似地，根據(jù)In Stock列的值設(shè)置檢查按鈕的屬性。

C#

using DevExpress.XtraGrid.Views.WinExplorer;
// ...
private void winExplorerView1_ContextButtonCustomize(object sender, DevExpress.XtraGrid.Views.WinExplorer.WinExplorerViewContextButtonCustomizeEventArgs e) {
WinExplorerView view = sender as WinExplorerView;
if (view == null) return;
if (e.Item.Name == "contextTitleButton")
((ContextButton)e.Item).Caption = (string)view.GetRowCellValue(e.RowHandle, colModel_Name);
if (e.Item.Name == "CheckContextButton")
((CheckContextButton)e.Item).Checked = (string)view.GetRowCellValue(e.RowHandle, colInStock);
}

運行應(yīng)用程序來查看更改——在頂部面板中顯示的汽車型號和指示庫存汽車的復(fù)選框。

響應(yīng)點擊上下文按鈕

最后，處理WinExplorerView.ContextButtonClick事件，對于任何被單擊的按鈕，無論其類型如何，該事件都會觸發(fā)。首先確定單擊了哪個按鈕，如果是問號按鈕，則顯示一個消息框，其中包含有關(guān)汽車的其他信息，這些信息由來自同一數(shù)據(jù)記錄的字段值組成。

C#

using DevExpress.XtraGrid.Views.WinExplorer;
// ...
private void winExplorerView1_ContextButtonClick(object sender, ContextItemClickEventArgs e) {
WinExplorerView view = sender as WinExplorerView;
if (view == null) return;
string caption = e.Item.Name;
switch (caption) {
case "ContextButton":
string horsepower = view.GetRowCellValue((Int32)e.DataItem, colHorsePower).ToString;
string cilinders = view.GetRowCellValue((Int32)e.DataItem, colCilinders).ToString;
string doors = view.GetRowCellValue((Int32)e.DataItem, colDoors).ToString;
string mpgCity = view.GetRowCellValue((Int32)e.DataItem, colMPGCity).ToString;
string mpgHighway = view.GetRowCellValue((Int32)e.DataItem, colMPGHighway).ToString;
XtraMessageBox.Show("Horsepower: " + horsepower + "\nCilinders: " + cilinders + "\nDoors: " + doors +
"\nMPG City: " + mpgCity + "\nMPG Highway: " + mpgHighway, "Additional Info");
}
}

運行應(yīng)用程序并單擊其中一項中的問號按鈕來查看消息框。

關(guān)于慧都科技

慧都是?家?業(yè)數(shù)字化解決?案公司，專注于軟件、?油與?業(yè)領(lǐng)域，以深?的業(yè)務(wù)理解和?業(yè)經(jīng)驗，幫助企業(yè)實現(xiàn)智能化轉(zhuǎn)型與持續(xù)競爭優(yōu)勢。

慧都科技是DevExpress的中國區(qū)的合作伙伴，DevExpress作為用戶界面領(lǐng)域的優(yōu)秀產(chǎn)品，幫助企業(yè)高效構(gòu)建權(quán)限管理、數(shù)據(jù)可視化（如網(wǎng)格/圖表/儀表盤）、跨平臺系統(tǒng)（WinForms/ASP.NET/.NET MAUI）及行業(yè)定制解決方案，加速開發(fā)并強化交互體驗。