WPF中应用字体图标
一、什么是字体图标
我们在进行GDI(图形界面)编程的过程中图标是不可少的。近些年随着网络的繁荣和移动应用的繁荣,矢量图的应用越来越火。
矢量图是一种用数学方法描述的、由一系列点和线组成的图,因此相比位图文件比较小,并且还和分辨率无关。字体图标就是将这种图只作为文件(常见的.ttf,即TrueType Font),并通过一些表示代码引用。
二、字体图标文件的获得
1、下载一些公共的图标如:Awesome,阿里巴巴。
这些网站中有的可以直接下载.ttf(或其他字体图标格式)文件,有的需要自己打包成,这就需要先下载个图标集(.svg文件集),借助在线工具或者fontCreator软件工具生成。
2、由美工(UI)制作
三、在WPF中的应用
1、把字体文件夹拷贝到项目中,目录为(/fonts/字体文件或其他)
2、对文件右键,设置“复制到输出目录”为“如果较新则复制”
3、编写UI项目资源样式 /skin/style.xaml(或者其他常见资源引入方式)
4、作为资源引用
<Window.Resources><Style x:Key="FontAwesome"><Setter Property="TextElement.FontFamily" Value="pack://application,,,/IconFontTest;component/Resources/#FontAwesome" /><Setter Property="TextBlock.Width" Value="60"></Setter><Setter Property="TextBlock.Height" Value="60"></Setter><Setter Property="TextBlock.TextAlignment" Value="Center"></Setter><Setter Property="TextBlock.FontSize" Value="40"></Setter><Setter Property="TextBlock.Foreground" Value="Green"></Setter></Style></Window.Resources>
5、TextBlock作为载体引用
<WrapPanel Margin="12"><TextBlock x:Name="tb1" Style="{DynamicResource FontAwesome}" /><TextBlock Text="" Style="{DynamicResource FontAwesome}" /><TextBlock Text="" Style="{DynamicResource FontAwesome}" /><TextBlock Text="" Style="{DynamicResource FontAwesome}" /><TextBlock Text="" Style="{DynamicResource FontAwesome}" /><TextBlock Text="" Style="{DynamicResource FontAwesome}" /><TextBlock Text="" Style="{DynamicResource FontAwesome}" /><TextBlock Text="" Style="{DynamicResource FontAwesome}" /><TextBlock Text="" Style="{DynamicResource FontAwesome}" /><TextBlock Text="" Style="{DynamicResource FontAwesome}" /></WrapPanel>
6、2、ICO字体对照表,如果是XAML则是……如果是CS则是\uf……
转载于:https://www.cnblogs.com/xietianjiao/p/7590844.html
WPF中应用字体图标相关推荐
- WinForm和WPF中使用字体图标ICON
Winform中使用桌面图标: 1.从https://www.iconfont.cn/ 网址下载对应的图标 2.新建一个Winform项目,创建字体类 (1)图中1是在突变网站下载的字体,放到根路径下 ...
- iview Table列表中增加字体图标
iview Table列表中增加字体图标 一: {'title': this.$t('设备别名'),'key': 'actStatus',render: (h, params) => {retu ...
- html页面icon字体无法显示,bootstrap中icon字体图标怎么不显示?
bootstrap中icon字体图标怎么不显示?下面本篇文章给大家介绍一下Bootstrap字体图标不显示问题.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 问题: bootstr ...
- 在微信小程序中使用字体图标
方法一:转化为base64 第一步:在阿里巴巴矢量图标库下载需要的图标 QQ截图20180316191514.png 点击下载代码,将下载后的download.zip解压 第二步:进入https:// ...
- 在 uni-app 中 使用字体图标
在 uni-app 中 使用字体图标 下载iconfont字体图标 进入 iconfont 官网 本地下载 图标文件压缩包 解压 出来 在uni-app 项目static 下 新建 fonts 文件夹 ...
- 怎么对阿里iconfont两个项目中的字体图标合并
1.把下载下来的2个文件夹都放入项目中 2.如要把iconfont2文件夹中的字体图标合并到iconfont文件夹中,则如下图,修改iconfon2文件夹下左侧该图标的五个文件名,同时修改这个文件夹中 ...
- 如何在移动端app中应用字体图标icon fonts (转)
原文: http://www.cnblogs.com/willian/p/4166757.html?utm_source=tuicool&utm_medium=referral How to ...
- 如何在移动端app中应用字体图标icon fonts
How to use icon fonts in your mobile apps 在任何APP设计中实现可图形的矢量缩放最完美的方式是使用字体图标. 移动端的设计变的越来越复杂.原因在于多样的屏幕尺 ...
- 在iOS应用中使用字体图标及制作字体库
做iOS开发的都知道,因为屏幕分辨率的问题,在iOS app 中都得放两套切图来支持retina屏和非retina屏幕,但是文字就不需要考虑分辨率的问题,所以可不可以将一些图片用文字来代替呢,省时省力 ...
最新文章
- 启明云端分享|A133核心板SOM1309在喉镜方面的应用
- Window下PHP 安装redis扩展
- 前端 html border-right: 1px solid red;
- SpringBoot异常处理-自定义错误页面
- 【渝粤教育】电大中专建筑施工组织作业 题库
- 智能车的转弯部分_江西智能搬运平板车铁路轨道运输车-厂家直销
- c语言程序编写一朵花,一朵花(中英双语)
- Python数据结构与算法笔记(八):数据结构——树,二叉树和AVL树
- PyTorch(CNN+MNIST测试)
- Python中main函数
- 解决——》Mysql导出excel时,数值型变成科学计数法
- VMware安装deepin
- 百度的镜像网站,有意思…………
- SIFT--特征描述符
- 已经有了阿里云OSS还需要开通CDN吗?
- 双十一音响不推荐之sonos
- M6的服务器是什么型号,M6螺栓(螺栓型号为M6×16是什么意思?)
- mysql作排名,MYSQL实现排名及查询指定用户排名功能(并列排名功能)实例代码...
- chrome浏览器打开网页默认全屏的方法
- MacOS Clion 使用<bits/stdc++.h>万能头提示 fatal error: ‘bits/stdc++.h‘ file not found