WPF 像CSS一樣使用 Font Awesome 圖示字型
阿新 • • 發佈:2021-07-07
WPF 像CSS一樣使用 Font Awesome 圖示字型
- 編寫目的
WPF中使用這種圖示字型不免會出現可讀性差的問題,現階段網路上有的大部分實現方式都是建立列舉,我感覺這樣後續維護起來有些麻煩,需要重新手動將圖示名稱和unicode編碼進行對應。
例如:
<TextBlock Text="" Style="{DynamicResource FontAwesome}" />
這種程式碼在不執行時不會知道這是個什麼圖示,想在圖示庫官方上查詢一下都困難。
- 實現思路
1.載入網頁使用的CSS檔案,將CSS中的名稱與unicode的對應關係載入到本地
2.實現 IValueConverter 進行圖示名稱和unicode的轉換
實現後代碼樣例:
<TextBlock Text="{Binding Converter={StaticResource FontAwesomeConvert},ConverterParameter='fa-close'}" Style="{DynamicResource FontAwesome}" ></TextBlock>
- 原始碼下載:
https://github.com/klousCan/WPF_FontAwesome.git
記得點贊和推薦,你的贊和推薦就是我最好的動力
個人能力有限,本文內容僅供學習、探討,歡迎指正、交流。