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

DevExpress WinForm組件允許開發人員輕松地引入受Windows 11啟發的UI元素。

獲取DevExpress v22.2正式版下載

DevExpress技術交流群7：674691612      歡迎一起進群討論

WXI皮膚

基于矢量的DevExpress WXI皮膚為DevExpress的WinForms應用程序復制了Windows 11的關鍵視覺元素，與其他基于矢量的DevExpress皮膚一樣，WXI利用了軟調色板、微妙對比和較大控件尺寸的可用性優勢，同時WXI還增加了控件之間的填充來提高可讀性。

WXI Skin - 緊湊模式

DevExpress WXI皮膚允許開發者在運行時選擇“WXI”或“WXI Compact”選項，WXI皮膚的緊湊模式是為數據編輯器密集型應用程序而設計的。如果需要最大化表單空間的使用，則應用WXI Compact選項(在Compact模式下，WXI皮膚會減少控件之間的空白)。

使用下面的代碼在運行時指定WXI呈現選項(標準vs緊湊)：

C#

// Apply the WXI skin with its default palette.
DevExpress.LookAndFeel.UserLookAndFeel.Default.SetSkinStyle(SkinStyle.WXI);
// Or
DevExpress.LookAndFeel.UserLookAndFeel.Default.SetSkinStyle(SkinStyle.WXICompact);

// Apply the WXI skin and its "Sharpness" palette.
DevExpress.LookAndFeel.UserLookAndFeel.Default.SetSkinStyle(SkinSvgPalette.WXI.Sharpness);
// Or
DevExpress.LookAndFeel.UserLookAndFeel.Default.SetSkinStyle(SkinSvgPalette.WXICompact.Sharpness);

VB.NET

' Apply the WXI skin with its default palette.
DevExpress.LookAndFeel.UserLookAndFeel.Default.SetSkinStyle(SkinStyle.WXI)
' Or
DevExpress.LookAndFeel.UserLookAndFeel.Default.SetSkinStyle(SkinStyle.WXICompact)

' Apply the WXI skin and its "Sharpness" palette.
DevExpress.LookAndFeel.UserLookAndFeel.Default.SetSkinStyle(SkinSvgPalette.WXI.Sharpness)
' Or
DevExpress.LookAndFeel.UserLookAndFeel.Default.SetSkinStyle(SkinSvgPalette.WXICompact.Sharpness)

全局緊湊模式設置

切換到/從緊湊模式觸發相同的UI修改應用全局屬性，因此只有當此屬性設置為DefaultBoolean.Default時，皮膚選擇器才會顯示兩種皮膚變化。如果設置為不同的值，用戶只能在運行時選擇一個“WXI”選項(基于CompactUIMode屬性)。

C#

// The global Compact Mode is off; the "WXI" runtime option applies the regular WXI variation.
WindowsFormsSettings.CompactUIMode = DevExpress.Utils.DefaultBoolean.False;

// The global Compact Mode is on; the "WXI" runtime option applies the compact WXI variation.
WindowsFormsSettings.CompactUIMode = DevExpress.Utils.DefaultBoolean.True;

VB.NET

// The global Compact Mode is off; the "WXI" runtime option applies the regular WXI variation.
WindowsFormsSettings.CompactUIMode = DevExpress.Utils.DefaultBoolean.False;

// The global Compact Mode is on; the "WXI" runtime option applies the compact WXI variation.
WindowsFormsSettings.CompactUIMode = DevExpress.Utils.DefaultBoolean.True;

如何獲取當前模式

讀取UserLookAndFeel.Default.CompactUIModeForced屬性值，來確定常規皮膚選項還是緊湊型皮膚選項當前是激活的。

C#

bool isCompact = UserLookAndFeel.Default.CompactUIModeForced;

VB.NET

Dim isCompact As Boolean = UserLookAndFeel.Default.CompactUIModeForced

Window角

WXI皮膚將圓角應用于Windows 11中顯示的窗體，如果您更喜歡矩形角，或者如果您想將圓角應用到其他DevExpress皮膚，請使用屬性。

Ribbon

WXI皮膚自動圓角Ribbon控件的項目面板，如果某個特定的UI控件不支持受Windows 11啟發的圓角，那么圓角可能會導致視覺上的不一致。如果一個帶有“矩形”角的UI控件被放置在功能區的正下方，這種不一致性就會很明顯。

根據您的表單布局，可以選擇以下選項當中的一個來解決這種不一致：

使用經典的Ribbon樣式

將屬性更改為Classic，要更改項目/應用程序中的所有的Ribbon控件，請更改屬性為Classic。在此模式下，Ribbon使用標準矩形形狀呈現，與所有其他控件的矩形形狀匹配。

添加圓角面板

使用DevExpress.XtraEditors.RoundedSkinPanel封裝客戶端區域控件（圓形皮膚面板封裝客戶端控件的外角，并在Ribbon下面添加間距）。

DevExpress圓形皮膚面板正在積極開發中，在Visual Studio工具箱中不可用。要使用此面板，必須在代碼中創建它。

C#

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;

VB.NET

Me.rootPanel = New DevExpress.XtraEditors.RoundedSkinPanel()
' ...
Me.rootPanel.Dock = System.Windows.Forms.DockStyle.Fill
Me.Controls.Add(Me.gridControl1)
' ...
Me.Controls.Add(Me.rootPanel)
' ...
private DevExpress.XtraEditors.RoundedSkinPanel rootPanel

重要提示：不要為每個窗體添加超過一個圓形皮膚面板。

注意：某些DevExpress WinForms控件(如MapControl)，即使放置在圓形皮膚面板內，也不會不顯示圓角。

使用布局控件

如果您的應用程序和/或應用程序設計包含大量的數據編輯器或簡單的UI控件，請使用DevExpress Layout/Data Layout控件在表單中排列數據編輯器/簡單控件。DevExpress WXI皮膚中使用的默認布局/數據布局控件填充確保子控件與Ribbon項目面板的兩側對齊。

Dock面板

要將Dock面板與Ribbon項目面板的邊緣對齊，您可以將Dock UI移動到一個單獨的用戶控件中，并且:1)設置單獨的UserControl填充或2)將UserControl放置在圓形皮膚面板內(圓形皮膚面板自動添加必要的邊距)。

您也可以使用DockManager的“Light”樣式(參見屬性來獲取更多信息）來刪除不需要的邊界并增強界面內的對齊。