DevExpress Winforms使用技巧教程：Visual Studio Palette Editor

---

下載DevExpress v20.1完整版    DevExpress v20.1漢化資源獲取

DevExpress Winforms Controls 內置140多個UI控件和庫，完美構建流暢、美觀且易于使用的應用程序。想要體驗？點擊下載>>

 矢量皮膚的引入為皮膚引擎帶來了第二個創新：調色板，調色板基本上是皮膚的皮膚。邊框寬度、大小和可見性等元素設置存儲在皮膚中，而顏色主題則移動到調色板中，這意味著同一皮膚可以有無數種顏色變化。

 當前有兩種DevExpress矢量外觀，每個外觀都有一組唯一的調色板。 Office 2019 Colorful皮膚附帶7個調色板，Bezier皮膚甚至有42個調色板。

當然，仍然有您可能要使用自己的調色板的原因：

• 反映您的企業品牌
• 對現有調色板進行小的修改
• 為了容納與標準調色板完全不同的調色板，例如黑白或特定的高對比度配色方案

 要創建自定義調色板，您可以運行 ，然后按F7鍵。 出現一個對話框，您可以在其中更改開箱即用的調色板的單獨顏色或創建獨特的新調色板。

 從左側的列表中選擇一種顏色時，預覽會突出顯示用該顏色繪制的UI元素。 通過此功能，您可以了解皮膚如何使用顏色，并輕松查看各個項目之間的區別，例如Brush Light和Brush High。要應用使用Skin Editor創建的調色板，您需要創建一個裝配并將其包括在您的項目中。

第二種選擇是從代碼添加或修改調色板。

// 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);

 使用基于代碼的方法不需要額外的裝配，但是您沒有可視化反饋 - 只有經驗豐富的用戶才能確切知道每種顏色的作用以及如何對顏色值進行硬編碼。

 在版本v19.1中，添加了Visual Studio Palette Editor，打開，然后單擊調色板庫旁邊的Edit按鈕，出現一個與外觀編輯器中的對話框類似的對話框，其中包括交互式預覽和說明每種顏色的文本提示。

您也可以從接近您要求的標準調色板開始，然后根據需要更改某些顏色。

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

---

DevExpress技術交流群2：775869749      歡迎一起進群討論

DevExpress文檔控件公開課第一彈報名通道開啟，40分鐘教你入門（Spreadsheet）控件！