【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>
字体名称要打开下载的字体包中的css文件查看,然后再定义。
3、使用示例
(1)方法1
在XAML中使用,Text的值是字符的Unicode编码。
<StackPanel Orientation="Horizontal">
<TextBlock Text="" 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内容同上图类似。
选中满意的图标后鼠标移动到图标上点击添加入库,直到选完你需要用到的图标。
。
选取图标完毕后点击右上角来查看你添加到库中的图标文件。
在确认添加到库的图标是你需要的图标后,点击下载代码。如果需要登录,则登录一下你的账号。
下载完毕后解压出来的内容就包含了我们需要用到的TTF文件和TTF文件对应的编码。编码包含在解压后文件的demo_index.html中。
http://t.zoukankan.com/duwenlong-p-14354769.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!