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

---

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

DevExpress Winforms Controls 內(nèi)置140多個(gè)UI控件和庫，完美構(gòu)建流暢、美觀且易于使用的應(yīng)用程序。想要體驗(yàn)？點(diǎn)擊下載>>

矢量皮膚的引入為皮膚引擎帶來了第二個(gè)創(chuàng)新：調(diào)色板，調(diào)色板基本上是皮膚的皮膚。邊框?qū)挾?、大小和可見性等元素設(shè)置存儲(chǔ)在皮膚中，而顏色主題則移動(dòng)到調(diào)色板中，這意味著同一皮膚可以有無數(shù)種顏色變化。

當(dāng)前有兩種DevExpress矢量外觀，每個(gè)外觀都有一組唯一的調(diào)色板。 Office 2019 Colorful皮膚附帶7個(gè)調(diào)色板，Bezier皮膚甚至有42個(gè)調(diào)色板。

當(dāng)然，仍然有您可能要使用自己的調(diào)色板的原因：

• 反映您的企業(yè)品牌
• 對(duì)現(xiàn)有調(diào)色板進(jìn)行小的修改
• 為了容納與標(biāo)準(zhǔn)調(diào)色板完全不同的調(diào)色板，例如黑白或特定的高對(duì)比度配色方案

要?jiǎng)?chuàng)建自定義調(diào)色板，您可以運(yùn)行 Skin Editor ，然后按F7鍵。 出現(xiàn)一個(gè)對(duì)話框，您可以在其中更改開箱即用的調(diào)色板的單獨(dú)顏色或創(chuàng)建獨(dú)特的新調(diào)色板。

從左側(cè)的列表中選擇一種顏色時(shí)，預(yù)覽會(huì)突出顯示用該顏色繪制的UI元素。 通過此功能，您可以了解皮膚如何使用顏色，并輕松查看各個(gè)項(xiàng)目之間的區(qū)別，例如Brush Light和Brush High。要應(yīng)用使用Skin Editor創(chuàng)建的調(diào)色板，您需要?jiǎng)?chuàng)建一個(gè)裝配并將其包括在您的項(xià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)驗(yàn)豐富的用戶才能確切知道每種顏色的作用以及如何對(duì)顏色值進(jìn)行硬編碼。

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

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

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

---

DevExpress技術(shù)交流群2：775869749      歡迎一起進(jìn)群討論

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