看如何使用界面控件DevExpress WinForms完成win 11皮肤选项设置

在之前的文章中我们为大家介绍了什么是WXI皮肤，其中有提到这个最新的矢量皮肤包括了某些基于API的选项。本文将继续为大家揭秘为什么要使用这些选项，以及它们如何帮助您在WinForm应用程序中创建统一的外观。

常规和紧凑模式

从最初的WXI皮肤公告中可以知道紧凑模式已经开始流行了，这种WXI皮肤专为数据密集型应用而设计，在这些应用中，不能选择标准 WXI 皮肤的增加边距和整体“airy”外观。

虽然用户在运行时选择“WXI Compact”作为单独的皮肤，但您仍应将其视为原始WXI主题的设置。请注意，只有当 CompactUIMode属性具有默认值时，用户才能在这两个 WXI 样式选项之间进行选择，否则只有一个样式选项可用（取决于当前的 CompactUIMode 设置）。

下面的代码说明了如何在代码中应用"Compact"变体。

DevExpress.LookAndFeel.UserLookAndFeel.Default.SetSkinStyle(SkinStyle.WXICompact);
// or
DevExpress.LookAndFeel.UserLookAndFeel.Default.SetSkinStyle(SkinSvgPalette.WXICompact.Sharpness);

您可以了解UserLookAndFeel.Default.CompactUIModeForced属性来识别当前处于激活状态的WXI变体，此属性可用于在应用程序重新启动时重新应用正确的样式。

bool isCompact = UserLookAndFeel.Default.CompactUIModeForced;
// Save the isCompact variable
// ...

// Load the isCompact variable
// ...
if (isCompact)
UserLookAndFeel.Default.SetSkinStyle(SkinSvgPalette.WXICompact.Calmness);
else UserLookAndFeel.Default.SetSkinStyle(SkinSvgPalette.WXI.Calmness);

圆角案例

应用程序布局的传统方法是将表单分解为矩形区域，并在每个区域内放置一个控件。在以前的版本中，我们引入了基于此布局概念的功能：侧面板和对接的灯光样式。

虽然 Windows 11 并没有完全打破这个设计论点，但整体表单设计隐喻转向基于面板的UI，最著名的例子就是圆形功能区项目面板，它与底层矩形控件（例如，数据网格）的匹配存在问题。

“WXI”皮肤让您可以完全控制项目的视觉叙述，并让您决定针对此问题的最佳解决方案。如果您想恢复 Ribbon 项目面板的熟悉外观并摆脱其圆角，请将 RibbonControl.ItemPanelStyle 属性设置为“Classic”。

"classic Ribbon"是适用于任何 UI 类型的通用解决方案，但这不是消除设计不一致的唯一选择。

圆形面板

最受欢迎的UI类型是受Microsoft Office启发的经典UI，表单顶部有一个功能区，下方有一个客户区控件。如果此客户区控件不支持开箱即用的圆角，您始终可以将其封装在DevExpress.XtraEditors.RoundedSkinPanel中。

目前您需要在代码中手动添加此面板，只需要几行代码。

// Designer.cs file

this.rootPanel = new DevExpress.XtraEditors.RoundedSkinPanel();
// ...
this.rootPanel.Dock = System.Windows.Forms.DockStyle.Fill;
this.Controls.Add(this.gridControl1);
// ...
this.Controls.Add(this.rootPanel);
// ...
private DevExpress.XtraEditors.RoundedSkinPanel rootPanel;

圆形面板有一定的限制（您不应为每个表单添加多个面板，并且它不会影响某些控件，例如 WinForms 地图控件），当需要更新大量表单时，这不是最方便的解决方案。出于这些原因，我们将此面板远离 Visual Studio 工具箱，并建议将其作为一种变通解决方案，供那些希望复制受Windows 11启发的UI的开发者使用。