zoukankan      html  css  js  c++  java
  • 【WPF】矢量字体图标(iconfont)使用

    1、字体文件加入到项目资源

    下载字体文件(.ttf),添加到项目中,并设置生成操作为"Resource"。(很重要!!)


    2、定义样式
    使用TextBlock作为图标显示的容器,因此定义一个TextBlock的样式即可,如下所示。其中“SK2015” 为字体名称。

        <Style x:Key="FIcon" TargetType="TextBlock">
            <Setter Property="FontFamily" Value="/K.Framework.Controls;component/Resources/#SF2015"></Setter> 
            <Setter Property="Foreground" Value="{StaticResource TextForeground}"/>
            <Setter Property="TextAlignment" Value="Center"/> 
            <Setter Property="HorizontalAlignment" Value="Center"/>
            <Setter Property="VerticalAlignment" Value="Center"/> 
            <Setter Property="FontSize" Value="20"/> 
        </Style>


    3、使用示例
    (1)方法1
    在XAML中使用,Text的值是字符的Unicode编码。

        <StackPanel Orientation="Horizontal">
            <TextBlock Text="&#xe600;" Style="{StaticResource FIcon}" FontSize="30" Margin="3" ></TextBlock>
        </StackPanel>

    (2)方法2
    在cs文件使用
    this .ticon1.Text = "ue616" ;


    4、ttf文件下载
    Iconfont-阿里巴巴矢量图标库 :http://www.iconfont.cn/
    提供了大量的字体图标(包括网友共享的),可以选择需要的字体,然后打包到一个字体文件,且可以随意修改字符的编码、字体名称等。
    下载后,*.ttf就是我们需要的字体文件,其他是网页使用需要的,demo.html可以作为图例参考,demo.html内容同上图类似。

     

    /*******相与枕藉乎舟中,不知东方之既白*******/
  • 相关阅读:
    输入任意个数字求和的小程序
    两个小的java程序,用于练习java基本语法
    《大道至简》第一,二章读后感
    搜索
    Dijkstra模板
    图论
    SPFA模板
    HDU 5114 Collision(扩展欧几里得) xgtao
    BZOJ 1001 狼抓兔子 (最大流转最短路) xgtao
    Codeforces 697C Lorenzo Von Matterhorn(严格二叉树的LCA) xgtao
  • 原文地址:https://www.cnblogs.com/Mars-0603/p/15357559.html
Copyright © 2011-2022 走看看