zoukankan      html  css  js  c++  java
  • wpf 使用Font-Awesome图标字体

    wpf 使用Font-Awesome图标字体

    1、http://fontawesome.io/ 中下载Font-Awesome字体

    然后把字体文件fontawesome-webfont.ttf 拷贝到项目中

    build action 设置为Resource

    并设置“复制到输出目录”为“如果较新则复制” 或者 copy always

    所有图标对应的值内容地址

    http://www.bootcss.com/p/font-awesome/design.html

    <Window x:Class="WpfApplication1.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="MainWindow"> 
    <Window.Resources> 
    <Style x:Key="FontAwesome">
    <Setter Property="TextElement.FontFamily" Value="pack://application:,,,/#FontAwesome" />
    <Setter Property="TextBlock.Width" Value="100"></Setter>
    <Setter Property="TextBlock.Height" Value="100"></Setter>
    <Setter Property="TextBlock.TextAlignment" Value="Center"></Setter>
    <Setter Property="TextBlock.FontSize" Value="60"></Setter>
    <Setter Property="TextBlock.Foreground" Value="Green"></Setter>
    </Style>
    </Window.Resources> 
    <WrapPanel Margin="12"> 
    <TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
    <TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
    <TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
    <TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
    <TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
    <TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
    <TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
    <TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
    <TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
    <TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
    </WrapPanel> 
    </Window>
     
    
  • 相关阅读:
    jieba库与词云的使用——以孙子兵法为例
    Python 计算π及进度条显示
    风车
    UDP协议编程
    matplotlib的基本使用、绘制雷达图及绘制数学函数
    numpy库的学习笔记及自定义手绘风
    PIL库的学习总结及生成GIF
    预测球队比赛结果及利用pyinstaller打包文件
    汉诺塔的实现
    有进度条的圆周率计算
  • 原文地址:https://www.cnblogs.com/z_lb/p/7803934.html
Copyright © 2011-2022 走看看