1. 程式人生 > 其它 >WPF 像CSS一樣使用 Font Awesome 圖示字型

WPF 像CSS一樣使用 Font Awesome 圖示字型

WPF 像CSS一樣使用 Font Awesome 圖示字型


  • 編寫目的
    WPF中使用這種圖示字型不免會出現可讀性差的問題,現階段網路上有的大部分實現方式都是建立列舉,我感覺這樣後續維護起來有些麻煩,需要重新手動將圖示名稱和unicode編碼進行對應。
    例如:
    <TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />

這種程式碼在不執行時不會知道這是個什麼圖示,想在圖示庫官方上查詢一下都困難。


  • 實現思路
    1.載入網頁使用的CSS檔案,將CSS中的名稱與unicode的對應關係載入到本地
    2.實現 IValueConverter 進行圖示名稱和unicode的轉換

實現後代碼樣例:

<TextBlock Text="{Binding Converter={StaticResource FontAwesomeConvert},ConverterParameter='fa-close'}" Style="{DynamicResource FontAwesome}" ></TextBlock>


個人能力有限,本文內容僅供學習、探討,歡迎指正、交流。