Xamarin 中使用ttf文件綁定字體圖標

效果圖如下所示(紅色標記處)

步驟1, 首先把下載好的ttf 文件導入到項目的文件夾Assets當中 (以下以Android示例)

注：右鍵ttf文件的屬性,確保其生成操作中的選項是: AndroidAsset

步驟2：Xaml頁面中定義一個后台綁定到屬性IconImage , 如下所示

步驟3: ViewModel的代碼中添加其圖標代碼,下圖紅色標記

注: 通道我們下載的圖標代碼是 &#xxxx 格式的, 那么在代碼中, 我們需要修改 &# 變成 \ , 其它的代碼保持不變。

步驟4: 使用Icon的圖標代碼, 后台動態轉換成一個 ImageSource, 然后使用一個FontImageSource 綁定到這個ImageSource上。

關鍵代碼: 我們把圖標代碼綁定到了 Glyph 屬性上, 然后設置了 FontFamily 為我們步驟1添加的名字為 iconfont.ttf文件, 結尾以#結束即可。