DevExpress Winforms使用技巧教程：Icon Builder - 自定義圖標

---

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

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

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

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

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

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

第三方圖標處理

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

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

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

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

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

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

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

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

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

---

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

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