WPF之iconfont(字体图标)使用

devtools/2024/11/7 15:26:39/

1,前文:

        WPF的Xaml是与前端的Html有着高度相似性的标记语言,所以Xaml也可同Html一般轻松使用阿里提供的海量字体图标,从而有效的减少开发工作度。

2,下载字体图标:

登录阿里图标库网iconfont-阿里巴巴矢量图标库,免费添加下载图标资源文件。

搜索需要的图标

将需要的图标添加到购物车

点击购物车,进入购物车

选择项目下载,并选择下载至本地。

 解压下载的压缩包有如下文件

 Index.html文件

3,WPF添加字体资源。

1,添加字体文件。

2,双击打开iconfont.ttf文件,查看字体名。

3,添加资源。

嵌入字体:
1, 字体文件为.ttf。
2,将字体文件放置于解决方案中设置该文件生成操作为:Resource。
<Application x:Class="Demo.App"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local="clr-namespace:Demo"StartupUri="MainWindow.xaml"><Application.Resources><!--文件位置+#(数字记号)+字体名称,例如font/#STCaiyun"中/font/为ttf文件位置,#STCaiyun为数字记号(#)+实际字体家族名--><FontFamily x:Key="myFont">pack://application:,,,/Demo;component/font/#iconfont</FontFamily>  </Application.Resources>
</Application>

4,使用示例。

<Window x:Class="Demo.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:Demo"mc:Ignorable="d"Title="MainWindow" Height="450" Width="800"><UniformGrid Columns="4" Rows="4" ><UniformGrid.Resources><Style TargetType="TextBlock"><Setter Property="FontFamily" Value="{StaticResource myFont}"></Setter><Setter Property="FontSize" Value="40"></Setter><Setter Property="TextAlignment"  Value="Center"/></Style></UniformGrid.Resources><TextBlock Text="&#xe717;"></TextBlock><TextBlock FontFamily="{StaticResource myFont}">&#xe66b;</TextBlock><TextBlock Foreground="Teal" LineHeight="50"><Run >&#xe633;</Run><LineBreak ></LineBreak>        <Span FontSize="16"  TextDecorations="Underline" >MobilePhone</Span></TextBlock><TextBlock></TextBlock></UniformGrid>
</Window>


http://www.ppmy.cn/devtools/132044.html

相关文章

大学城水电资源管理:Spring Boot解决方案

1系统概述 1.1 研究背景 随着计算机技术的发展以及计算机网络的逐渐普及&#xff0c;互联网成为人们查找信息的重要场所&#xff0c;二十一世纪是信息的时代&#xff0c;所以信息的管理显得特别重要。因此&#xff0c;使用计算机来管理大学城水电管理系统的相关信息成为必然。开…

【docker入门】docker的安装

目录 Centos 7 添加docker 官方仓库到yum源 将 Docker 的官方镜像源替换为国内可以的 Docker 镜像源 安装docker 配置docker加速源 Ubuntu 创建 gpg key 目录 下载 gpg key 添加国内可用镜像源到 系统的 APT 仓库中 安装docker 配置加速源 Centos 7 添加docker 官方仓…

hhdb数据库介绍(8-1)

部署 自动部署 自动部署为管理平台在界面中支持自动化安装部署计算节点集群的功能。目前管理平台从V2.5.0及以后拥有“集群部署”、“单机部署”两个自动化安装功能。“集群部署”适合从0开始一次性部署整套计算节点集群的场景&#xff0c;“单机部署”适合再已部署好的集群上…

Lucene的概述与应用场景(1)

文章目录 第1章 Lucene概述1.1 搜索的实现方案1.1.1 传统实现方案1.1.2 Lucene实现方案 1.2 数据查询方法1.1.1 顺序扫描法1.1.2 倒排索引法 1.3 Lucene相关概念1.3.1 文档对象1.3.2 域对象1&#xff09;分词2&#xff09;索引3&#xff09;存储 1.3.3 常用的Field种类 1.4 分词…

青少年编程与数学 02-003 Go语言网络编程 07课题、客户端服务器模型

青少年编程与数学 02-003 Go语言网络编程 07课题、客户端服务器模型 课题摘要:一、客户端-服务器模型二、关键特点三、工作原理四、应用场景 客户端-服务器模型是一种网络架构&#xff0c;将参与者分为客户端和服务器。服务器提供服务&#xff0c;等待并响应客户端请求&#xf…

【dvwa靶场:XSS系列】XSS (Stored)低-中-高级别,通关啦

更改name的文本数量限制大小&#xff0c; 其他我们只在name中进行操作 【除了低级可以在message中进行操作】 一、低级low <script>alert("假客套")</script> 二、中级middle 过滤了小写&#xff0c;咱们可以大写 <Script>alert("假客套…

【论文笔记】Dense Connector for MLLMs

&#x1f34e;个人主页&#xff1a;小嗷犬的个人主页 &#x1f34a;个人网站&#xff1a;小嗷犬的技术小站 &#x1f96d;个人信条&#xff1a;为天地立心&#xff0c;为生民立命&#xff0c;为往圣继绝学&#xff0c;为万世开太平。 基本信息 标题: Dense Connector for MLLM…

es自动补全(仅供自己参考)

elasticssearch提供了CompletionSuggester查询来实现自动补全功能。这个查询会匹配以用户输入内容开头的词条并返回。为了提高补全查询效率&#xff0c;对于文档中字段的类型有一些约束&#xff1a; 查询类型必须是&#xff1a;completion 字段内容是多个补全词条形成的数组 P…