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

---

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

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

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

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

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

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

第三方圖標處理

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

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

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

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

為解決此問題，在Custom Icon Folders配置頁面上添加調整圖標設置按鈕。

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

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

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

為了進行比較，以下是使用不同的皮膚設置轉換與以前相同的第三方圖標對比的結果：

---

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

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