界面控件DevExpress WinForms中文教程：WinExplorer视图

界面控件DevExpress WinForms中文教程：WinExplorer视图 - 上下文按钮

原创|使用教程|编辑：龚雪|2025-06-18 10:59:56.500|阅读 3 次

概述：本教程提供DevExpress WinFormsWinExplorer视图的基本信息，欢迎下载最新版组件体验！

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

启用ExtraLarge样式

首先将视图的设置为，这将为图像区域内的上下文按钮提供足够的空间。

然后，从中删除。启动应用程序，看到现在只有图像显示。

添加上下文按钮

接下来，找到属性并调用编辑器对话框。

在这里，您可以添加由所有视图项共享的上下文按钮。有三种按钮类型：简单的按钮、检查按钮和评级控件，选择一个简单的Context Button类型按钮类型并将其添加到集合中，以类似的方式，添加另一个简单的按钮、一个检查按钮和一个评级控件。

第一个按钮将用作显示汽车型号名称的标签，目前将其设置为MODEL，并将其与MiddleTop对齐。

对于第二个按钮，从DevExpress图标库中选择问号图像，此按钮将显示其他汽车信息。

更改属性来将此按钮移动到右上角。

评级项目将允许最终用户对汽车进行评级，将其移动到MiddleBottom位置。

显示上下文按钮面板

默认情况下，当您将鼠标悬停在相应区域时，按钮将显示在基础图像上方。您还可以启用顶部和底部面板，它们将作为按钮的容器出现。展开属性，设置顶部和底部面板的背景色为150,0,0,0，这是一个半透明的黑色，然后为两个面板添加填充。

运行应用程序来查看结果，面板已经出现，但现在面板和按钮颜色之间没有足够的对比。

返回到上下文按钮编辑器，并将所有项目的前景色设置为Gainsboro，确保打开字形皮肤功能，以便按钮图标被绘制为相同的颜色。

然后再次启动应用程序，看到所有颜色都已应用。

自定义单个上下文按钮

要正确初始化复选框和标题标签，处理事件，它允许您在按钮显示在项目中之前自定义按钮。要设置标题按钮中的值，请将其属性设置为当前记录中的Model Name列值。类似地，根据In Stock列的值设置检查按钮的属性。

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);
}

运行应用程序来查看更改——在顶部面板中显示的汽车型号和指示库存汽车的复选框。

响应点击上下文按钮

最后，处理WinExplorerView.ContextButtonClick事件，对于任何被单击的按钮，无论其类型如何，该事件都会触发。首先确定单击了哪个按钮，如果是问号按钮，则显示一个消息框，其中包含有关汽车的其他信息，这些信息由来自同一数据记录的字段值组成。

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");
}
}

运行应用程序并单击其中一项中的问号按钮来查看消息框。