WPF 学生成绩管理工具开发笔记（1）— 自定义FMenuItem控件并使用字体图标

自定义FMenuItem控件并使用定义字体图标

目录

一、字体图标的概念

二、字体图标的下载

三、制作自定义控件FMenuItem

1、 项目中新建一个类FMenuItem，继承自MenuItem，并添加2个依赖属性FontIcon和FontSize

2、创建资源字典为FMenuItem创建模板及样式

3、在App.xaml中引用资源字典

4、窗口Xaml中添加新建的FMenuItem控件

5、效果图

---

---

        项目中，如果使用传统的MenuItem，需要引入大量ico图标，将费时费力，大小，颜色难于统一，不易随意变化。而利用WPF可以轻易自定义控件的便利，使用字体图标以达到使用效果。下面将搜集的一些相关概念及项目中主要示例代码列举如下：

---

一、字体图标的概念

       字体图标是一种用数学方法描述的、由一系列点和线组成的矢量图。字体图标就是将这种图只作为文件（常见的.ttf，即TrueType Font）,并通过一些表示代码引用。

      特点：

• 和分辨率无关，相比位图文件比较小，和普通字体一样，是矢量的，可任意放大缩小，且不会失真。
• 字体图标其实就是把矢量图形打包到字体文件里，以后就可以像使用一般外置字体一样的使用它，因此Winform、WPF中都是可以用的。
• 网上开源字体图标很多，很容易获取，项目开发中需要的绝大部分图标都可以找到，非常方便  .Awesome，阿里巴巴 可提供下载。

二、字体图标的下载

①获取字体图标，推荐阿里巴巴 开源字体，如何下载字体参考它网站的下载说明，解压下载的字体会得到以下文件：

iconfont.tff是我们需要的字体图标库文件

demo_.html是字体库对应的字体的标识，如下图：

以后通过使用上图红色方框中的标识，即可获得对应的字体图标

②将字体图标添加到项目的Resources文件夹中，并设置其生成操作为"Resource"

三、制作自定义控件FMenuItem

1、 项目中新建一个类FMenuItem，继承自MenuItem，并添加2个依赖属性FontIcon和FontSize

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using S