在Essential Studio for WinForms应用程序中使用图标字体

图标字体包含符号而不是数字和字母。在Web技术中,与其他图像格式相比,图标字体占主导地位。由于它们是矢量图形,体积小、易于装载,因此用户可以在不降低质量的情况下上下缩放。但唯一的限制就是单个图标只能用一种颜色绘制。

相信每一位小伙伴都会经常都有这样的疑问:可以在桌面应用程序Essential Studio for Windows Forms中使用图标字体吗?答案是肯定的!本文就为你讲解具体的操作方法。

首先,请记住,在DPI的情况下,我们只需要改变字体大小,不需要为不同的DPI缩放维护不同大小的图像。

如何添加和绘制图标字体

系统中通常可用的字体(如Arial、Times New Roman)可能没有我们需要在应用程序中使用的图标,但有许多支持创建图标字体的在线和离线应用程序。Syncfusion就免费提供了一个名为Metro Studio的离线工具。

为了演示,我们创建了一个.ttf文件,其中包含一个名为“WF Fabric”的字体系列。结果图标如下图所示。

aHR0cHM6Ly93d3cuZXZnZXQuY29tL0NvbnRlbnQvaW1hZ2VzLzIwMTkwOC8wOC8xNTY1MjUxMjI5LnBuZw.png

△ 来自WF Fabric.ttf文件的图标字体

*注意:上图中显示的Unicode(e700,e701等)表示在应用程序中绘制时的相应字形。

在WinForms应用程序中包含WF Fabric.ttf文件,并在属性对话框中将其Build Action标记为Embedded Resource。

aHR0cHM6Ly93d3cuZXZnZXQuY29tL0NvbnRlbnQvaW1hZ2VzLzIwMTkwOC8wOC8xNTY1MjUxMzcwLnBuZw.png

△ WF Fabric.ttf文件标记为嵌入式资源

在表单初始化期间,包括在系统内存中注册图标字体的代码。与其他字体(Arial、Times New Roman等)一样,WF Fabric也将在控制面板\所有控制面板项\字体的系统内存中注册。

public Form1()<font></font>
{<font></font>
    InitializeComponent();<font></font>
    this.Paint += Form1_Paint;<font></font>
}<font></font>
<font></font>
private void Form1_Paint(object sender, PaintEventArgs e)<font></font>
{<font></font>
    PrivateFontCollection pfc = new PrivateFontCollection();<font></font>
    //Extracting icon fonts from the WF Fabric.ttf file and adding into system memory.<font></font>
    Stream fontAsStream = this.GetType().Assembly.GetManifestResourceStream("WindowsFormsApp1.WF Fabric.ttf");<font></font>
    byte[] fontAsByte = new byte[fontAsStream.Length];<font></font>
    fontAsStream.Read(fontAsByte, 0, (int)fontAsStream.Length);<font></font>
    fontAsStream.Close();<font></font>
    IntPtr memPointer = System.Runtime.InteropServices.Marshal.AllocHGlobal(System.Runtime.InteropServices.Marshal.SizeOf(typeof(byte)) * fontAsByte.Length);<font></font>
    System.Runtime.InteropServices.Marshal.Copy(fontAsByte, 0, memPointer, fontAsByte.Length);<font></font>
    pfc.AddMemoryFont(memPointer, fontAsByte.Length);<font></font>
}<font></font>

着至关重要的作用。pfc对象中的Families属性将保存已保存的字体系列名称。如上所述,我们创建了WF Fabric.ttf,其字体系列名称为WF Fabric。下载Essential Studio for Windows Forms最新版

现在创建一个枚举,其中包含具有相应名称的所有图标字体,并为其Unicode指定前缀0x。因此,无论您使用图标字体绘制何处,Unicode都将转换为字符串并作为参数传递给DrawString方法。

public partial class Form1 : Form<font></font>
{<font></font>
    public Form1()<font></font>
    {<font></font>
        InitializeComponent();<font></font>
        this.Paint += Form1_Paint;<font></font>
    }<font></font>
<font></font>
    private void Form1_Paint(object sender, PaintEventArgs e)<font></font>
    {<font></font>
        PrivateFontCollection pfc = new PrivateFontCollection();<font></font>
        //Extracting icon fonts from the WF Fabric.ttf file and inserting into system memory.<font></font>
        Stream fontAsStream = this.GetType().Assembly.GetManifestResourceStream("WindowsFormsApp1.WF Fabric.ttf");<font></font>
        byte[] fontAsByte = new byte[fontAsStream.Length];<font></font>
        fontAsStream.Read(fontAsByte, 0, (int)fontAsStream.Length);<font></font>
        fontAsStream.Close();<font></font>
        IntPtr memPointer = System.Runtime.InteropServices.Marshal.AllocHGlobal(System.Runtime.InteropServices.Marshal.SizeOf(typeof(byte)) * fontAsByte.Length);<font></font>
        System.Runtime.InteropServices.Marshal.Copy(fontAsByte, 0, memPointer, fontAsByte.Length);<font></font>
        pfc.AddMemoryFont(memPointer, fontAsByte.Length);<font></font>
<font></font>
        //Icon font's unicode "0xe700" is converted to string and drawn using e.Graphics with WF Fabric set as font family. <font></font>
        string iconChar = char.ConvertFromUtf32(IconFont.LastArrow);<font></font>
        Font iconFont = new Font(pfc.Families[0], 18.5f, FontStyle.Bold);<font></font>
        e.Graphics.DrawString(iconChar, iconFont, new SolidBrush(Color.Orange), new PointF(10, 10));<font></font>
<font></font>
        //Icon font's unicode "0xe710" is converted to string and drawn using e.Graphics with WF Fabric set as font family.<font></font>
        iconChar = char.ConvertFromUtf32(IconFont.Plus);<font></font>
        e.Graphics.DrawString(iconChar, iconFont, new SolidBrush(Color.Red), new PointF(40, 40));<font></font>
<font></font>
        //Icon font's unicode "0xe720" is converted to string and drawn using e.Graphics with WF Fabric set as font family.<font></font>
        iconChar = char.ConvertFromUtf32(IconFont.Paint);<font></font>
        e.Graphics.DrawString(iconChar, iconFont, new SolidBrush(Color.Green), new PointF(70, 70));<font></font>
    }<font></font>
}<font></font>
<font></font>
public static class IconFont<font></font>
{<font></font>
    //0xe700, 0xe710, 0xe720 - are icon font's unicode from the WF Fabric.ttf file.<font></font>
    public static int LastArrow = 0xe700;<font></font>
    public static int Plus = 0xe710;<font></font>
    public static int Paint = 0xe720;<font></font>
}<font></font>

现在是在实际场景中应用图标字体的时候了。我们准备了一个简单的演示,它显示了在自定义按钮控件上绘制的第一页、最后一页、上一页和下一页的导航图标。

参考示例:使用图标字体在WinForms按钮控件上呈现图标

aHR0cHM6Ly93d3cuZXZnZXQuY29tL0NvbnRlbnQvaW1hZ2VzLzIwMTkwOC8wOC8xNTY1MjUyNzc0LnBuZw.png

△ 自定义按钮控制与图标字体和文本绘制在里面

使用图标字体的优点是:

  • 改进了所有字体大小的渲染质量;

  • 通过改变颜色为不同的主题和皮肤重用单个图标字体;

  • 通过不必相对于DPI缩放维持不同的图像大小来减小应用程序大小;

  • 添加多个图标字体以及用字母、数字和符号连接图标字体。


猜你喜欢

转载自blog.51cto.com/14452385/2429417