共计 641 个字符,预计需要花费 2 分钟才能阅读完成。
第一步:
首先肯定要下载字体图标,可以去阿里巴巴矢量图标库下载。
第二步:
把下载好的字体文件,后缀为 ttf 的文件放到自己的项目里。(阿里下载的默认叫 iconfont.ttf)
第三步:
写一个样式,方便使用,重点是设置字体文件,路径你写自己的, 重中之重的是最后不是写文件全名称 iconfont.ttf 而是 #iconfont,代码示例如下
<!-- 字体图标 -->
<Style x:Key="IconTextBlock" TargetType="{x:Type TextBlock}">
<Setter Property="FontFamily" Value="/Resources/Fonts/#iconfont"/>
</Style>
第四步:
你可以单独使用,也可以放按钮里面,如下。
<TextBlock Text="" Style="{StaticResource IconTextBlock}"/>
注意 1:
如果要用代码设置,字符串这样写:\xe6bd
,跟 xaml 里面的
写法是不一样的。
注意 2:
这个要用在 TextBlock 控件里面。如果直接在 Content 里面如下这么写(例如 Button),在设计器里面看着是正常的,但是运行时候会不出图标。
<Button Content="" />
正确的应该在 Button 里面这么用:
<Button>
<TextBlock Text="" Style="{StaticResource IconTextBlock}"/>
</Button>
正文完