翻譯|使用教程|編輯:龔雪|2022-06-15 11:12:15.390|閱讀 345 次
概述:本文主要介紹如何完成DevExpress WinForms控件全新的WXI皮膚選項設置,歡迎下載最新版產品體驗!
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
在之前的文章中我們為大家介紹了什么是WXI皮膚,其中有提到這個最新的矢量皮膚包括了某些基于API的選項。本文將繼續為大家揭秘為什么要使用這些選項,以及它們如何幫助您在WinForm應用程序中創建統一的外觀。
獲取DevExpress WinForms v21.2正式版下載
從最初的WXI皮膚公告中可以知道緊湊模式已經開始流行了,這種WXI皮膚專為數據密集型應用而設計,在這些應用中,不能選擇標準 WXI 皮膚的增加邊距和整體“airy”外觀。
雖然用戶在運行時選擇“WXI Compact”作為單獨的皮膚,但您仍應將其視為原始WXI主題的設置。請注意,只有當 屬性具有默認值時,用戶才能在這兩個 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的開發者使用。
您可用的另一個選項是將內容封裝在布局或數據布局控件中,在WXI皮膚中,布局控件項目的邊距進行了優化,以使您的內容與功能區的項目面板對齊。
上圖說明了另一個 WXI 功能:圓角編輯器角。 在查看 Windows 11 應用程序時,大多數人會立即認出圓角窗角,但是我們認為圓形編輯器在刷新整體應用程序外觀方面是一個更重要的更新。
停靠時,??棵姘寰哂欣鲜降木匦谓牵虼饲懊嫣岬降?Classic" Ribbon樣式(RibbonControl.ItemPanelStyle) 是這些面板的最佳匹配。在其他選項中,您可能需要手動調整面板邊距,使其與圓形功能區對齊。
作為一個選項,您還可以啟用消除側面板邊框的 Light 停靠樣式,并允許您將面板封裝到圓形面板中。
DevExpress WinForm擁有180+組件和UI庫,能為Windows Forms平臺創建具有影響力的業務解決方案。DevExpress WinForms能完美構建流暢、美觀且易于使用的應用程序,無論是Office風格的界面,還是分析處理大批量的業務數據,它都能輕松勝任!
DevExpress技術交流群6:600715373 歡迎一起進群討論
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都網