WPF字体图标——FontAwesom

一、字体图标概述

FontAwesome是迄今为止最出色的图标字体（没有之一），优点是图标多、图标美观、兼容各种应用场景等。

二、获取FontAwesome字体图标库

FontAwesome主页

GitHub的下载地址

FontAwesome字体图标列表

三、加压下载到的字体库压缩包，得到字体图标库文件

四、像WPF字体图标——IconFont提供的步骤调用即可，只需要将样式引用的字体名称改为：#FontAwesome，注意名称大小写，否则找不到对应的图标

①项目目录结构

②MyFontAwesome.xaml

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local="clr-namespace:FontAwesomeDemo"><Style x:Key="iFont" TargetType="TextBlock"><Setter Property="FontFamily" Value="/FontAwesomeDemo;component/Resources/#FontAwesome"/><Setter Property="TextAlignment" Value="Center"/><Setter Property="HorizontalAlignment" Value="Center"/><Setter Property="VerticalAlignment" Value="Center"/><Setter Property="FontSize" Value="20"/></Style>
</ResourceDictionary>

③App.xaml

<Application x:Class="FontAwesomeDemo.App"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local="clr-namespace:FontAwesomeDemo"StartupUri="MainWindow.xaml"><Application.Resources><ResourceDictionary><ResourceDictionary.MergedDictionaries><ResourceDictionary Source="MyFontAwesome.xaml"/></ResourceDictionary.MergedDictionaries></ResourceDictionary></Application.Resources>
</Application>

④MainWindow.xaml

<Window x:Class="FontAwesomeDemo.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:local="clr-namespace:FontAwesomeDemo"mc:Ignorable="d"Title="MainWindow" Height="350" Width="525" Background="Blue"><StackPanel Orientation="Horizontal"><TextBlock Text="" Style="{StaticResource iFont}" FontSize="50" Margin="3" Foreground="White"></TextBlock><TextBlock Text="" Style="{StaticResource iFont}" FontSize="60" Margin="3" Foreground="SandyBrown"></TextBlock><TextBlock Text="" Style="{StaticResource iFont}" FontSize="70" Margin="3" Foreground="#FB0AE8"></TextBlock><TextBlock x:Name="qq" Style="{StaticResource iFont}" FontSize="80" Margin="3" Foreground="Chartreuse"></TextBlock><TextBlock x:Name="refresh" Style="{StaticResource iFont}" FontSize="90" Margin="3" Foreground="#FEDB11"></TextBlock></StackPanel>
</Window>

很奇怪Text属性在网页上无法显示，三个属性分别为：Text="" Text="" Text=""

⑤MainWindow.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;namespace FontAwesomeDemo
{/// <summary>/// MainWindow.xaml 的交互逻辑/// </summary>public partial class MainWindow : Window{public MainWindow(){InitializeComponent();qq.Text = "\xf1d6";refresh.Text = "\xf021";}}
}

⑥效果演示

WPF字体图标——FontAwesom相关推荐

WPF字体图标——IconFont
一.字体图标概述 ①字体图标其实就是把矢量图形打包到字体文件里,以后就可以像使用一般外置字体一样的使用它,因此Winform.WPF中都是可以用的. ②可以在很多地方使用图标字体,包括自定义控件.自定 ...
wpf 字体图标使用说明
字体使用说明字体图标下载编码问题 XMAL代码中使用 C#代码中使用字体图标下载推荐使用阿里图标库推荐理由: 1.所有图标免费 2.官方授权可以商用 3.阿里国内大型互联网服务商,服务有保障 ...
WPF自定义控件与样式(1)-矢量字体图标(iconfont)
原文:WPF自定义控件与样式(1)-矢量字体图标(iconfont) 一．图标字体图标字体在网页开发上运用非常广泛,具体可以网络搜索了解,网页上的运用有很多例子,如Bootstrap.但在C/S程序 ...
WPF中应用字体图标
一.什么是字体图标我们在进行GDI(图形界面)编程的过程中图标是不可少的.近些年随着网络的繁荣和移动应用的繁荣,矢量图的应用越来越火. 矢量图是一种用数学方法描述的.由一系列点和线组成的图,因此相比 ...
WPF编程，使用字体图标的一种方法。
一.阿里文件图标目前在阿里的网站上下载的字体文件自带有Unicode编码,可以直接在网页上查看. Font Awesome网站下载的字体文件也带有编码http://www.bootcss.com/p ...
c# wpf 单选字体_WPF自定义控件与样式(1)-矢量字体图标(iconfont)
一．图标字体图标字体在网页开发上运用非常广泛,具体可以网络搜索了解,网页上的运用有很多例子,如Bootstrap.但在C/S程序中使用还不多,字体图标其实就是把矢量图形打包到字体文件里,就像使用一般 ...
wpf 字体模糊_WPF Effect 造成的字体模糊
WPF 里面有个Effect ,暂且可以理解为 "特效" 分类. 但是有时候使用不恰当,容易出现各种毛病. 例如: 代码如下: 提示:Border 级使用 Effect 造成 Te ...
C#使用IconFont字体图标的动态加载（＆#xe格式转换）
IconFont 矢量字体图标由于文件小,资源多,可任意放大缩小不失真,方便着色等特点,在网页.Winform.WPF中被广泛使得.网页上介绍使用的文件很多,但动态加载并不多,本文将重点介绍利用C#语 ...
Swift iOS : 字体图标
厌倦了使用位图在xcode的Assets.xcassets内,因为麻烦,包括如下的麻烦: 找图图需要分尺寸需要操作员类似工作去管理然后,现在有了字体图标,就方便多了: 比较成熟的几套库,用名字就 ...

WPF字体图标——FontAwesom

WPF字体图标——FontAwesom相关推荐

最新文章

热门文章