之前再寫代碼的時候如果遇到了圖標,我都喜歡再資源文件下創建JPG或者PNG來作為圖片。
但是隨着TTF字體圖標的普及,圖標類型的的圖片越來越多的被放入到TTF中。
這篇也主要是寫再WPF下如何使用TTF字體。
一、下載自定義圖標的TTF文件。
我們將在阿里圖庫挑選圖標然后下載TTF文件。
百度搜索阿里圖庫或者iconfont,進入后搜索自己需要用到的圖標。
選中滿意的圖標后鼠標移動到圖標上點擊添加入庫,直到選完你需要用到的圖標。
。
選取圖標完畢后點擊右上角來查看你添加到庫中的圖標文件。
在確認添加到庫的圖標是你需要的圖標后,點擊下載代碼。如果需要登錄,則登錄一下你的賬號。
下載完畢后解壓出來的內容就包含了我們需要用到的TTF文件和TTF文件對應的編碼。編碼包含在解壓后文件的demo_index.html中。
二、在項目中引用TTF圖標
我們創建一個WPF程序,同時添加下載的TTF文件到項目中。
我們編寫一個自定義的右上角菜單來演示如何使用TTF圖標。
首先來取消窗體默認菜單欄。設置Window 屬性
WindowStyle="None" AllowsTransparency="True"
同時添加按鈕默認樣式資源。
我們默認所有的Button不指定樣式時都默認繼承該樣式。記得設置FontFamily為字體TTF的名稱。
我們創建一個2行的Grid。第一行默認為菜單欄,我們在在菜單欄中創建3個Button按鈕,然后指定Button的顯示文本為TTF圖標。
我們打開剛才下載的字體庫,打開里面的demo_index.html頁面。
在Button中設置Content屬性為對應的編碼串。
這樣。就可以正常使用TTF字體圖標庫拉。下圖為TTF圖標樣式和全部代碼。