DevExpress Winforms使用技巧教程:Visual Studio Palette Editor
下載DevExpress v20.1完整版 DevExpress v20.1漢化資源獲取
DevExpress Winforms Controls 內(nèi)置140多個UI控件和庫,完美構(gòu)建流暢、美觀且易于使用的應(yīng)用程序。想要體驗?點擊下載>>
矢量皮膚的引入為皮膚引擎帶來了第二個創(chuàng)新:調(diào)色板,調(diào)色板基本上是皮膚的皮膚。邊框?qū)挾?、大小和可?性等元素設(shè)置存儲在皮膚中,而顏色主題則移動到調(diào)色板中,這意味著同一皮膚可以有無數(shù)種顏色變化。
當(dāng)前有兩種DevExpress矢量外觀,每個外觀都有一組唯一的調(diào)色板。 Office 2019 Colorful皮膚附帶7個調(diào)色板,Bezier皮膚甚至有42個調(diào)色板。

當(dāng)然,仍然有您可能要使用自己的調(diào)色板的原因:
- 反映您的企業(yè)品牌
- 對現(xiàn)有調(diào)色板進行小的修改
- 為了容納與標(biāo)準(zhǔn)調(diào)色板完全不同的調(diào)色板,例如黑白或特定的高對比度配色方案
要創(chuàng)建自定義調(diào)色板,您可以運行 ,然后按F7鍵。 出現(xiàn)一個對話框,您可以在其中更改開箱即用的調(diào)色板的單獨顏色或創(chuàng)建獨特的新調(diào)色板。

從左側(cè)的列表中選擇一種顏色時,預(yù)覽會突出顯示用該顏色繪制的UI元素。 通過此功能,您可以了解皮膚如何使用顏色,并輕松查看各個項目之間的區(qū)別,例如Brush Light和Brush High。要應(yīng)用使用Skin Editor創(chuàng)建的調(diào)色板,您需要創(chuàng)建一個裝配并將其包括在您的項目中。
第二種選擇是從代碼添加或修改調(diào)色板。
// obtain a vector skin reference var commonSkin = CommonSkins.GetSkin(LookAndFeel); // create a new palette var svgPalette = new SvgPalette(); // set up palette colors svgPalette.Colors.Add(new SvgColor("Paint", Color.FromArgb(242, 242, 242))); svgPalette.Colors.Add(new SvgColor("Paint High", Color.FromArgb(255, 255, 255))); svgPalette.Colors.Add(new SvgColor("Paint Shadow", Color.FromArgb(222, 222, 222))); // replace the default color palette with a custom one commonSkin.SvgPalettes[Skin.DefaultSkinPaletteName].CustomPalette = svgPalette; LookAndFeelHelper.ForceDefaultLookAndFeelChanged(); // OR add a new palette commonSkin.CustomSvgPalettes.Add(new SvgPaletteKey( commonSkin.CustomSvgPalettes.Count, "Glacier"), svgPalette);
使用基于代碼的方法不需要額外的裝配,但是您沒有可視化反饋 - 只有經(jīng)驗豐富的用戶才能確切知道每種顏色的作用以及如何對顏色值進行硬編碼。
在版本v19.1中,添加了Visual Studio Palette Editor,打開,然后單擊調(diào)色板庫旁邊的Edit按鈕,出現(xiàn)一個與外觀編輯器中的對話框類似的對話框,其中包括交互式預(yù)覽和說明每種顏色的文本提示。

您也可以從接近您要求的標(biāo)準(zhǔn)調(diào)色板開始,然后根據(jù)需要更改某些顏色。

與Skin Editor相比,重要的區(qū)別在于Visual Studio Palette Editor將您的工作以XML格式保存到項目中的App.config文件中,這使得維護和共享調(diào)色板定義變得容易,而無需額外的程序集引用。

DevExpress技術(shù)交流群2:775869749 歡迎一起進群討論