WPF中使用iconfont图标
下载 iconfont 资源
- 登录官网:打开阿里巴巴矢量图标库官网(https://www.iconfont.cn/),若有账号可直接登录,无账号则需注册一个。
- 查找图标:通过搜索框输入关键词,或浏览分类查找所需图标。
- 添加图标:找到心仪的图标后,点击图标进入详情页面,鼠标悬浮在图标上,选择 “添加入库”。
- 下载图标:点击页面右上角 “购物车”,选择 “添加至项目”,可新建项目或添加到现有项目。然后点击 “下载至本地”,将图标资源以压缩包形式下载到电脑。
在 WPF 项目中使用下载的资源
- 解压文件:将下载的压缩包解压,找到里面的
.ttf
字体文件,如iconfont.ttf
。 - 添加字体文件到项目:在 Visual Studio 中打开 WPF 项目,创建
Resources
和Fonts
文件夹(也可根据项目结构自行决定放置位置),将iconfont.ttf
文件导入其中。选中iconfont.ttf
文件,在属性中将 “生成操作” 设置为 “资源” 或 “Resource”,“复制到输出目录” 设置为 “不复制”。 - 引入字体文件:在
App.xaml
中添加字体文件引用,代码如下:
xml
<FontFamily x:Key="DefautFont">/项目名;Component/Resources/Fonts/#字体名称</FontFamily>
其中,“项目名” 替换为实际的项目名称,“字体名称” 可双击打开iconfont.ttf
文件查看,通常为iconfont
。
4. 使用图标:在需要使用图标的控件中,引用定义好的字体资源,并通过图标代码显示图标。例如,在TextBlock
控件中使用,代码如下:
xml
<TextBlock FontFamily="{StaticResource DefautFont}" Text="" />
“
” 为图标对应的 Unicode 编码,可在下载文件中的demo_index.html
文件中查看,找到对应图标即可获取其编码。