阿裡圖庫的使用

在自定義控件中使用.ttf檔案

阿裡圖庫傳送門

1. 進入阿裡圖庫

   

2. 在右側搜尋欄輸入你想要的圖示關鍵字，比如“下載下傳”

   

3. 選擇你心儀的圖示，并“添加入庫”

   

4. 點右上角的“購物車”，将你選擇的圖示加入到”項目"或是直接下載下傳

   

這裡我選擇“加入項目”,因為要管理多個圖示還是加入項目比較友善

1. 下載下傳圖示檔案（“下載下傳至本地“）

   

下載下傳後得到

我們用得到是主要是 “iconfont.ttf"檔案 和 demo_index.html

1. 将“iconfont.ttf”檔案放入你的項目中

   

2. 在代碼中使用

Text=""

&#xe618 是圖示的Unicode，在 demo_index.html中檢視

可以設定FontSize(控制圖示大小）Foreground(控制圖示顔色）

<TextBlock Text="&#xe618;" FontSize="31"  
  FontFamily="/你的項目名;component/Resources/#iconfont"></TextBlock>
           

最後效果

如下，

可以延伸為其他自定義控件，例如上一篇的自定義控件RadioButton