DevExpress Winforms使用技巧教程：Icon Builder - 自定義圖標(biāo)

---

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

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

 DevExpress團(tuán)隊此前宣布在Microsoft Store中提供Icon Builder，該工具提供由DevExpress設(shè)計人員繪制的數(shù)百個SVG圖標(biāo)模板，供您混合和適應(yīng)自己的配色方案。

 在最新版本的Icon Builder中，添加一個經(jīng)常請求的功能：您現(xiàn)在可以將自己的SVG圖標(biāo)添加到該工具中，不僅如此，您還可以使用自動轉(zhuǎn)換功能使您的圖標(biāo)適用標(biāo)準(zhǔn)設(shè)置，并適應(yīng)皮膚和調(diào)色板。

 要使圖標(biāo)可用于Icon Builder，請切換到Library Settings標(biāo)簽，然后單擊Add Folder，選擇一個包含自定義圖標(biāo)的文件夾。您可以根據(jù)需要添加任意數(shù)量的文件夾，Icon Builder為每個子文件夾創(chuàng)建一個類別，您可以根據(jù)需要重命名、隱藏或刪除類別。

可以從 Icon Builder主屏幕獲得類別，您可以選擇類別在不同的圖標(biāo)之間快速導(dǎo)航。

第三方圖標(biāo)處理

 在DevExpress中，設(shè)計師在創(chuàng)建圖標(biāo)時遵循一系列規(guī)則，這是非常重要的，因為圖標(biāo)需要在控件中正常工作，這些控件通常需要某些標(biāo)準(zhǔn)的圖標(biāo)大小，并且會根據(jù)外觀和皮膚調(diào)色板更改其外觀。

 從互聯(lián)網(wǎng)下載的圖標(biāo)比例可能嚴(yán)重不足，不能適應(yīng)標(biāo)準(zhǔn)的圖標(biāo)大小，他們很有可能還會使用與皮膚不兼容的顏色。當(dāng)然您可以隨意使用它們，但DevExpress圖標(biāo)將自動適應(yīng)皮膚設(shè)置，而第三方圖標(biāo)（默認(rèn)情況下）則不會。

 這是一個功能區(qū)，在Common和Print按鈕組中具有標(biāo)準(zhǔn)DevExpress圖標(biāo)，在Custom Icons中具有從網(wǎng)格下載的第三方圖標(biāo)。

 當(dāng)應(yīng)用程序使用深色調(diào)色板時，DevExpress圖標(biāo)會更改。 但是第三方圖標(biāo)保持不變，這導(dǎo)致對比度非常低。

為解決此問題，在Custom Icon Folders配置頁面上添加調(diào)整圖標(biāo)設(shè)置按鈕。

 單擊此按鈕時，Icon Builder將處理所有選中的文件夾中的圖標(biāo)。將出現(xiàn)一個選中對話框，您可以在其中檢查各個轉(zhuǎn)換結(jié)果并根據(jù)需要更改顏色。

請注意，轉(zhuǎn)換過程還會嘗試優(yōu)化源圖標(biāo)的邊界框，以便在以后將圖標(biāo)縮放到標(biāo)準(zhǔn)尺寸時比例保持正確。

 單擊Convert后，新圖標(biāo)將放置在原始路徑的子文件夾.iconbuilder中。當(dāng)然您的源圖標(biāo)仍然完整，如果有轉(zhuǎn)換后的圖標(biāo)可用，它們現(xiàn)在將代替Icon Builder中的原始圖標(biāo)顯示。

為了進(jìn)行比較，以下是使用不同的皮膚設(shè)置轉(zhuǎn)換與以前相同的第三方圖標(biāo)對比的結(jié)果：

---

中國區(qū)首發(fā) · DevExpress v20.1新版發(fā)布會報名開啟，名額有限先到先得哦~

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