WPF编程,使用字体图标的一种方法。

一、阿里文件图标

  •  目前在阿里的网站上下载的字体文件自带有Unicode编码,可以直接在网页上查看。
  • Font Awesome网站下载的字体文件也带有编码http://www.bootcss.com/p/font-awesome/
  •  ttf文件名称不重要,可以任意修改。#iconfont是字体名称,阿里巴巴的矢量图标默认字体名称为iconfont。
  •  一起下载的压缩包中有图标对应的Unicode编码,
  • 和字体文件的名字无关,和文件内部的字体族属性值有关,翻到最下面,利用其它软件可查看字体文件的字体族。
  • 可以利用那个软件进行修改,重新生成字体文件。然后加入到项目中,重启VS软件。

1、增加文件夹,放入ttf字体文件,资源里定义引用

 <Window.Resources>
        <--第一种定义-->
        <Style x:Key="FIcon"
               TargetType="TextBlock">
            <Setter Property="FontFamily"
                    Value="/font/#iconfont"></Setter>
            <Setter Property="TextAlignment"
                    Value="Center" />           
            <Setter Property="FontSize"
                    Value="20" />
        </Style>

        <--第二种定义-->
        <Style x:Key="Fonticon">
            <Setter Property="TextElement.FontFamily"
                    Value="/font/#iconfont" />
        </Style>
    </Window.Resources>

2、XAML中使用

其中:&#x   是固定的

            <TextBlock Text="&#xe612;"
                       Style="{DynamicResource FIcon}"
                       FontSize="80"
                       Margin="3"></TextBlock>

 3、字体图标的名字

Text的值可以参考3.2中的demo.html,它是字符的Unicode编码。

4、后台C#代码设置图标

将&#x换成\u

 ttttt.Text = "\ue613";

解释:

由于XAML是XML的一个扩展,所以XAML中用unicode码来表示字符的方式与XML相同。

格式为&#x****;

前三位固定为&#x,后面四位代表Unicode码值,分号不能省略。

例如:<TextBlockContent="&#x2191" /> 

https://www.cnblogs.com/anding/p/4961215.html

二、Font Awesome字体文件

http://fontawesome.dashgame.com/#basic

1、下载字体文件ttf

2、加入到项目中

3、定义资源,注意字体名字那一块,必须是这个名字FontAwesome

            <Style x:Key="FIcon"
                   TargetType="TextBlock">
                <Setter Property="FontFamily"
                    Value="/fontfile/#FontAwesome"></Setter>
                <Setter Property="TextAlignment"
                        Value="Center" />
                <Setter Property="FontSize"
                        Value="20" />
            </Style>

4、借助FontCreator软件看查看对应的字体名字和每个图标对应的编码,

5、使用方法同阿里的字体

            <TextBlock Text="&#xF110;"
                       Style="{DynamicResource FIcon}"
                       FontSize="80"
                       Margin="3"></TextBlock>

三、电子表的字体风格longzhoufeng

这种电子表的字体风格--这种样式叫 :longzhoufeng 字体

下载地址:https://www.fontke.com/font/23256500/

1、下载字体文件

2、加入到项目中

3、前台资源定义

        <Style x:Key="FIcon3"
               TargetType="TextBlock">
            <Setter Property="FontFamily"
                    Value="/fontfile/#longzhoufeng"></Setter>
            <Setter Property="TextAlignment"
                    Value="Center" />
            <Setter Property="FontSize"
                    Value="20" />
        </Style>

4、XAML

            <TextBlock Text="123456789"
                       Style="{DynamicResource FIcon3}"
                       FontSize="80"
                       Foreground="YellowGreen"
                       Margin="3"></TextBlock>

四、同理WPF中调用其它第三方字体与第三种方式一样。

猜你喜欢

转载自blog.csdn.net/qq_43307934/article/details/86285901