[WPF][Rubyer] 写一个自己的 UI 库 (二)

前言

制作 WPF 的图标包，主要介绍从 iconfont 下载的图标包导入到 WPF 使用；

1. 添加文件

Ruyber 下添加 自定义控件(WPF) Icon.cs、类 IconType.cs、类 IconDatas.cs

 

Rubyer.Themes 下添加 资源字典(WPF) Icon.xaml 

 

2.下载图标

iconfont 查找自己喜欢的图标包，浏览器 F12 => Console => 输入下列代码回车，添加所有图标到购物车

var span = document.querySelectorAll('.icon-cover');for (var i = 0, len = span.length; i < len; i++) {  console.log(span[i].querySelector('span').click());}

添加到项目

 

 

 下载到本地

 

 只解压 iconfont.ttf 到项目的 Assets 文件目录下

 

 

 

 

3.应用图标

在 BaseStyle.xaml 里添加标签

<!--IconFont--> <FontFamily x:Key="IconFont" >  pack://application:,,,/Rubyer;component/Assets/#iconfont </FontFamily>

回到刚刚  iconfont 的项目下，右键 F12 => Console => 输入下列代码回车，打印图标 名称 和 编码的对应的 json 数据

var allIcon = document.querySelectorAll('[class^=J_icon_id]');var iconJson = [];console.log(allIcon[0].querySelector('.icon-name').innerHTML)for (var i = 0, len = allIcon.length; i < len; i++) {  iconJson[i] = ({'name':allIcon[i].querySelector('.icon-name').innerHTML,'code':allIcon[i].querySelector('.icon-code').innerHTML}); }console.log(iconJson)

打印完右键 json 变量 => store as global variable, 生成 temp1，输入 copy(temp1),拷贝整个 json 数据，创建文本文件粘贴 到 内容； 保存文件

 

 

 新建一个控制台项目，添加 JsonObject.cs 类

public class JsonObject{ public string Name { get; set; } public string Code { get; set; }}

Program.cs 读取刚刚添加的 文本文件 到  List<JsonObject>，打印内容全部拷贝 粘贴 到  IconType.cs，为所有图标名称的枚举类型  

 　　/// <summary>  /// 从文件加载到对象  /// </summary>  /// <typeparam name="T">对象类型</typeparam>  /// <param name="fileName">文件名路径</param>  /// <returns></returns>  public static T LoadFile2Object<T>(string fileName)  {   　　try   {    string json = File.ReadAllText(fileName);    return JsonConvert.DeserializeObject<T>(json);   }   catch (Exception)   {    return default(T);   }  　　　　}class Program {  static void Main(string[] args)  {   var jsonObject = LoadFile2Object<List<JsonObject>>("IconJson.txt");   #region 添加 IconType   int count = 0;   foreach (var item in jsonObject)   {    //Console.WriteLine($"name:{item.Name},code:{item.Code}");    var names = item.Name.Trim().Split(' ', '-');    var name = "";    for (int i = 0; i < names.Length; i++)    {     if (names[i] == " " || names[i] == "") continue;     name += names[i].Substring(0, 1).ToUpper() + names[i].Substring(1);    }    count++;    Console.WriteLine($"{name},");   }