阿里图库的使用

在自定义控件中使用.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