WPF字体图标——FontAwesom
来源:互联网 发布:乐视tv for mac 编辑:程序博客网 时间:2024/06/06 20:33
一、字体图标概述
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"; } }}⑥效果演示
0 0
- WPF字体图标——FontAwesom
- WPF字体图标——IconFont
- WPF使用图标字体
- WPF矢量字体图标(iconfont)
- Awesome——字体图标
- Bootstrap——字体图标
- Bootstrap — Glyphicons字体图标
- Bootstrap布局组件—1.字体图标
- 【11】Bootstrap — Glyphicons字体图标
- WPF自定义控件与样式(1)-矢量字体图标(iconfont)
- 图标字体 VS 雪碧图——图标字体应用实践
- 字体图标使用方法——以Iconfont为例
- 阿里字体图标使用方法——unicode引用
- Bootstrap学习笔记—关于Glyphicons 字体图标
- 字体图标
- 字体图标
- 字体图标
- 字体图标
- .net下Observable Object的实现
- 摄像头模组 Golden Sample
- 安装vs2015 aspx页面没有智能提示,且代码颜色只有黑色
- Java 8 集合不完全一览
- linux 中 man 查看 C++函数的方法
- WPF字体图标——FontAwesom
- 存入数据库的日期类型(推荐)
- js中split的一点注意事项
- Mysql Innodb死锁解决
- dba 常用查询
- ecshop调用指定栏目下的文章的方法
- 单行固定表头
- krpano全景之内置函数---asyncloop roundval 等(不定期更新)
- LintCode 433: Number of Islands