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

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

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

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

#慧都22周年庆大促·界面/图表报表/文档/IDE/IOT/测试等千款热门软控件火热促销中>>

WinExplorer视图功能

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

开始

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

切换到WinExplorer视图格式

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

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

WinExplorer视图主列

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

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

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

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

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

WinExplorer视图样式

项目描述仅以特定的显示样式显示，这是由下的属性指定的，将值更改为。

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

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

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

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