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

界面控件DevExpress WinForms中文教程：WinExplorer视图 - 基础知识

原创|使用教程|编辑：龚雪|2025-06-12 10:37:34.277|阅读 10 次

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

WinExplorer视图功能

WinExplorer视图模拟Microsoft Windows Explorer用户界面，与Windows资源管理器非常相似，有七种显示类型，从大型图像显示到简单列表。再加上上下文按钮和自定义分组功能，WinExplorer视图允许您创建一个高度可定制的图库。

开始

从使用默认Grid View格式显示数据的网格控件开始，运行应用程序并检查可用数据，其中包括带有图像的汽车信息。

切换到WinExplorer视图格式

尝试通过将View切换为WinExplorer类型来创建更优雅的布局，因此请使用网格的Level设计器。

切换View类型后，网格变为空，需要手动构建布局。

WinExplorer视图主列

WinExplorer视图被设计成可视化四个主要数据字段——四种不同大小的图像、文本、描述和复选框。此外，您可以指定将应用数据分组的列和管理项的启用状态的列。另外您可以指定一个将应用数据分组的列，以及一个管理项的启用状态的列。所有这些列都在WinExplorerView.ColumnSet部分中指定，将模型名称列分配给WinExplorerViewColumns.TextColumn属性，将图像列分配给WinExplorerViewColumns.SmallImageColumn属性。

运行应用程序，请注意如果不是所有的图像大小都与列相关联，则视图将在切换显示样式时自动调整图像大小。

现在设置剩余的主WinExplorerView.ColumnSet属性 - 描述和复选框。

如果您启动应用程序，可以看到没有任何变化。要显示复选框，您需要展开WinExplorerView.OptionsView并将WinExplorerViewOptionsView.ShowCheckBoxes属性设置为true。

现在可以看到，复选框出现在每个项目旁边。如果相应的字段值设置为true，则检查它们。

WinExplorer视图样式

项目描述仅以特定的显示样式显示，这是由GridView.OptionsView下的WinExplorerViewOptionsView.Style属性指定的，将值更改为 WinExplorerViewStyle.Content。

运行应用程序来查看此布局中显示的描述。

您可以向Ribbon添加一个控件，来允许最终用户从七种可用的显示样式中选择一种。编写处理程序，根据选择的下拉项改变WinExplorerViewOptionsView.Style属性值。

public Form1() {
// ...
foreach (BarCheckItemLink itemLink in barSubItem1.ItemLinks) {
(itemLink.Item as BarCheckItem).CheckedChanged += Form1_CheckedChanged;
}
}

void Form1_CheckedChanged(object sender, ItemClickEventArgs e) {
SetGridStyle(e.Item.Caption);
}

void SetGridStyle(string buttonName) {
switch (buttonName) {
case "Small":
winExplorerView1.OptionsView.Style = DevExpress.XtraGrid.Views.WinExplorer.WinExplorerViewStyle.Small;
break;
case "Medium":
winExplorerView1.OptionsView.Style = DevExpress.XtraGrid.Views.WinExplorer.WinExplorerViewStyle.Medium;
break;
case "Large":
winExplorerView1.OptionsView.Style = DevExpress.XtraGrid.Views.WinExplorer.WinExplorerViewStyle.Large;
break;
case "Extra Large":
winExplorerView1.OptionsView.Style = DevExpress.XtraGrid.Views.WinExplorer.WinExplorerViewStyle.ExtraLarge;
break;
case "List":
winExplorerView1.OptionsView.Style = DevExpress.XtraGrid.Views.WinExplorer.WinExplorerViewStyle.List;
break;
case "Tiles":
winExplorerView1.OptionsView.Style = DevExpress.XtraGrid.Views.WinExplorer.WinExplorerViewStyle.Tiles;
break;
case "Content":
winExplorerView1.OptionsView.Style = DevExpress.XtraGrid.Views.WinExplorer.WinExplorerViewStyle.Content;
break;
case "Default":
winExplorerView1.OptionsView.Style = DevExpress.XtraGrid.Views.WinExplorer.WinExplorerViewStyle.Default;
break;
}
}

启动应用程序，尝试不同的风格，看看效果如何。

禁用特定项目

返回到设计时，隐藏复选框设置WinExplorerViewOptionsView.ShowCheckBoxes属性回false，然后分配InStock列WinExplorerViewColumns.EnabledColumn属性替代WinExplorerViewColumns.CheckBoxColumn。

如果启动应用程序，可以看到，现在卖光的汽车物品显示为灰色，无法点击。

分组数据

最后，您可以根据分配给WinExplorerViewColumns.GroupColumn属性的列中的值对数据进行分组。要按类别对汽车进行分组，首先将WinExplorerViewColumns.GroupColumn 属性设置为类别名称列。

运行应用程序，查看在WinExplorerViewStyle.Content和WinExplorerViewStyle.Medium显示样式中应用的数据分组。

注意，组标题不是交互式的。返回到设计时，展开WinExplorerView.OptionsView并设置WinExplorerViewOptionsView.ShowExpandCollapseButtons属性为true。现在运行应用程序，看到组变得可折叠，最终用户可以双击标题来展开和折叠数据组。