WPF中字体图标使用技巧

如何引入字体图标不再赘述，可参考：WPF引入字体图标，引入字体时，需要注意的是，如果希望字体通过后台或者后端进行传递字体字符串时，对应字体的参数格式会有所不同，此处以阿里巴巴开源字体库为例，参考链接WPF使用阿里巴巴字体库

xaml中使用如下：

<StackPanel Orientation="Horizontal">
    <StackPanel.Resources>
        <!--仅仅用于演示-->
        <!--引入字体库,路径#字体库名称-->
        <FontFamily x:Key="iconfont">pack://application,,,/所在命程序集名称;Component/Resources/#iconfont</FontFamily>
    </StackPanel.Resources>
        <TextBlock Text="&#xe8ac;           &#xe8ab;" FontSize="30" Margin="10"
               FontFamily="{StaticResource iconfont}"
               HorizontalAlignment="Center"
               VerticalAlignment="Center"></TextBlock>
</StackPanel>

效果：

在.cs文件中通过代码设定字体图标，需要将中的&#x替换为u以及去掉尾部;：

private string strIcon;
/// <summary>
/// 页面中使用的属性
/// </summary>
public string StrIcon
{
    get
    {
        //模拟后台给对应属性赋值
        if (string.IsNullOrEmpty(strIcon))
        {
            strIcon = "ue8ac           ue8ab";
        }
        return strIcon;
    }
    set { strIcon = value; }
}

xaml文件中使用对应的属性

<!--忽略重复代码-->
<TextBlock Text="{Binding StrIcon}" FontSize="30" Margin="10" FontFamily="{StaticResource iconfont}"
Foreground="YellowGreen"
HorizontalAlignment="Center"
VerticalAlignment="Center"></TextBlock>
<!--忽略重复代码-->

效果：

前端xaml中支持使用的是&#+Unicode码;字体对应的字符实体，而在.cs中则是使用的是对应的u+Unicode码十六进制结果，具体可查阅资料WPF中显示UniCode字符

本文来源于：WPF中字体图标使用技巧-变化吧门户
特别声明：以上文章内容仅代表作者本人观点，不代表变化吧门户观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与变化吧联系。