wpf 字体图标使用说明

字体图标下载

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

  • 注册账号
    目前阿里图标库支持GitHub、微博、手机号码授权登录,自身的阿里账号,好像智能阿里内部员工使用,不知道权限有啥区别。
    在这里插入图片描述

  • 选择图标
    选择图标时可以通过关键字搜索来快速找到你想要的图标,选择好图标后添加图标到购物车,然后统一添加至项目即可,如果没有创建项目需要先创建你的项目。
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  • 下载图标文件
    在这里插入图片描述

编码问题

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

在这里插入图片描述

cs01.Text = "";

下面就来解决这个Bug问题

XMAL代码中使用

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

在这里插入图片描述

在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 = "&#xe670;"

而在C#代码里面写

text = "\ue670"

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

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值