wpf 字体图标使用说明

字体使用说明

  • 字体图标下载
  • 编码问题
  • XMAL代码中使用
  • C#代码中使用

字体图标下载

推荐使用阿里图标库
推荐理由:
1.所有图标免费
2.官方授权可以商用
3.阿里国内大型互联网服务商,服务有保障
地址:阿里图标库

  • 注册账号
    目前阿里图标库支持GitHub、微博、手机号码授权登录,自身的阿里账号,好像智能阿里内部员工使用,不知道权限有啥区别。
    wpf 字体图标使用说明_第1张图片

  • 选择图标
    选择图标时可以通过关键字搜索来快速找到你想要的图标,选择好图标后添加图标到购物车,然后统一添加至项目即可,如果没有创建项目需要先创建你的项目。
    wpf 字体图标使用说明_第2张图片
    wpf 字体图标使用说明_第3张图片
    wpf 字体图标使用说明_第4张图片
    wpf 字体图标使用说明_第5张图片
    wpf 字体图标使用说明_第6张图片

  • 下载图标文件
    wpf 字体图标使用说明_第7张图片

编码问题

字体图标采用的美国unicode编码,而我们使用较多的是ASCII或者UTF8编码,所以在调用字体图标时,用我们常用的编码肯定是不行的,要不然就在lable标签上直接显示出了字体图标的文字编码了
如下是问题显示:

wpf 字体图标使用说明_第8张图片

cs01.Text = "";

下面就来解决这个Bug问题

XMAL代码中使用

<Grid Background="White">
                <TextBlock Name="cs01" Text="" FontFamily="pack://application:,,,/Fonts/#iconfont"/>
</Grid>

wpf 字体图标使用说明_第9张图片

在xmal里面只需要设置好字体,然后直接写入字体图标的对于的字符即可,比较简单
注意事项
在选择字体的时候需要确定字体文件存放位置,不然就无法显示了

C#代码中使用

在C#代码里调用回比较麻烦点
需要手动构造文件地址和lable显示对象

TextBlock textBlock = new TextBlock();
textBlock.FontFamily = new FontFamily(new Uri("pack://application:,,,/Fonts/iconfont.ttf"), "#iconfont");
textBlock.Text = "\ue670";

注意事项
在xmal代码里面 图标内容部分写

text = ""

而在C#代码里面写

text = "\ue670"

到此完结,希望有同样问题的码友们能看到,帮助他人使我快乐!!

你可能感兴趣的:(C#学习日志,wpf,阿里云,云计算)