如何在window Form中使用Font Awesome?

  随着技术的发展,web上以前的图片按钮现在逐步换成了图标字体,这些图标字体是矢量的,矢量图意味着每个图标都能在所有大小的屏幕上完美呈现,可以随时更改大小和颜色,而且不失真,真心给人一种“高大上”的感觉。由于Font Awesome是完全免费的,无论个人还是商业使用,因此这种字体库使用的比较多。Font Awesome一个字体文件包含了非常多的实用图标,可以 助你完整表达web页面上每个动作的含义(图优于表,表优于文字)。

  Font Awesome完全从头设计的整套图标,完全和Bootstrap兼容,他们是一组很好的搭档。可以用CSS很方便的进行使用,Font Awesome的部分字体编码(http://fontawesome.io/3.2.1/cheatsheet/)体现如下图所示:

  但是问题来了?如何在Winform界面中使用呢(当然WPF也是可以的啦)。经过一番研究,终于发现其中的“奥秘”:

  步骤如下:

  1 下载Font Awesome到本地,并安装改字体,字体名称为FontAwesome.

  2 创建一个winform应用程序,并在Form界面设计如下:

  代码如下:

 1 using System;
 2 using System.Collections.Generic;
 3 using System.ComponentModel;
 4 using System.Data;
 5 using System.Drawing;
 6 using System.Linq;
 7 using System.Text;
 8 using System.Windows.Forms;
 9
10 namespace WinFormFont
11 {
12     public partial class IconFontDemo : Form
13     {
14         public IconFontDemo()
15         {
16             InitializeComponent();
17             //必须是unicode码
18             this.label1.Text = "\uF028";
19             this.label1.Font = new Font("FontAwesome", 16);
20             this.label1.ForeColor = Color.Green;
21             //必须是unicode码
22             this.textBox1.Text = "\uF029 jackwangcumt";
23             this.textBox1.Font = new Font("FontAwesome", 16);
24             this.textBox1.ForeColor = Color.Black;
25         }
26
27         private void button1_Click(object sender, EventArgs e)
28         {
29             int fontsize = int.Parse(this.textBox2.Text);
30             this.label1.Font = new Font("FontAwesome", fontsize);
31             this.textBox1.Font = new Font("FontAwesome", fontsize);
32         }
33     }
34 }

  3 运行,界面如下:

  更改字体大小,单击刷新,可以看到字体图标都变大了喽:

  字体编码如何获取:

  可以借助word中的插入符号,然后选择该字体,然后点选需要的图标,看下面的unicode编码即可:

时间: 2024-07-31 14:32:08

如何在window Form中使用Font Awesome?的相关文章

如何在photoshop等图像编辑软件中使用Font Awesome字体图标

1.首先要下载Font Awesome字体,解压后在fonts文件夹中找到FontAwesome.otf文件,双击安装字体.如下图: 2.重启你的photoshop或者其他图像编辑软件,确保字体被软件载入. 3.在Font Awesome4.2.0所有字体图标参考页面找到你想要的图标,(注意:是图标而不是class样式),将其复制.如图: 4.回到photoshop,将其粘贴在画布上,这时得到的是一个乱码选择"字体工具",选择这个字体图标,然后在字体选项中选择Font Awesome字

如何在Form中使用描述性弹性域(Descriptive Flexfield)

弹性域包括键弹性域和描述性弹性域,其开发方法和用途均不一样,在此主要介绍描述性弹性域在Form中的开发方法. 描述性弹性域的开发步骤主要包括: 1.创建表,表中包括弹性域结构列和弹性域列2.创建视图,视图中包括弹性域相关列(非必需)3.使用AD_DD工具包注册表和表列4.在Oracle EBS系统中注册描述性弹性域5.启用描述性弹性域6.按照一般Form开发的步骤,创建相关对象 1).在块中创建一个DF非数据库项,并设置属性 2).给DF项和数据块添加必要的触发器和标准代码 3).在PRE-FO

如何在Form中使用键弹性域(Key Flexfield)

在应用弹性域之前必须先定义弹性域,定义之前必须先注册表列.如果你的弹性域已经在Oracle Application Object Library中已经定义和注册了,并且弹性域表和列已经在数据库中存在,则忽略1.2.3步骤,适用于关键性也适用于描述性弹性域. 1.建立相关的数据库表结构.注册表列 关键弹性域COMBINATIONS表必须包括这几个部分:(1)唯一的ID列(2)KEY段,SEGMENT1.SEGMENT2...SEGMENTn(3)ENABLED_FLAG和SUMMARY_FLAG列

如何在 iOS App 中整合 Facebook 廣告

原文:Displaying Facebook Ads in Your iOS Apps 作者:GABRIEL THEODOROPOULOS 译者:kmyhy 不久前有人問我如何在項目中集成 Facebook 的廣告.因為之前沒用過,以為一定很難,所以事先查閱了大量文檔.在通讀完文檔之後,發現其實並不是很難,僅僅幾分鐘我就能夠搞定我的第一個 Facebook 廣告 App! Facebook 廣告是一種將廣告集成到你的 app 中的方法,使你可以通過廣告的點擊量來獲得收入.這個方法(集成廣告)并不

如何在asp.net中如何在线播放各类视频文件

一.后台拼字符串动态加载写法 前台调用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < html xmlns="http://www.w3.org/1999/xhtml" > < head id="Head

[代码]如何在ALV头中显示Logo图片-[REUSE_ALV_GRID_DISPLAY]

下面介绍如何在ALV头中显示Logo图片的方法,其中ALV是调用函数REUSE_ALV_GRID_DISPLAY创建的.详细步骤如下: 1, OAER上载Logo Tcode: OAER上载需要显示的LOGO图片, 输入Class name  ’PICTURERS',Class type以及Object key ‘ZLOGO',这个ZLOGO就是logo的标识,会在ALV程序中用到. &lt;img class="alignnone size-full wp-image-4968&quo

如何在Web页面中集成文件上传功能

当前,个人主页制作非常流行.当用户开发好自己的页面时,需要将文件传输到服务器上,解决这个问题的方法之一 是运行FTP服务器并将每个用户的FTP默认目录设为用户的Web主目录,这样用户就能运行FTP客户程序并上传文件到指定的 Web目录.由于Windows NT 和 Windows98均不提供直接的基于窗口形式的FTP客户程序,用户必须懂得如何使用基于命令行 的FTP客户,或掌握一种新的基于窗口形式的FTP客户程序.因此,这种解决方案仅对熟悉FTP且富有经验的用户来说是可行 的. 如果我们能把文件

在WPF应用程序中使用Font Awesome图标

Font Awesome 在网站开发中,经常用到.今天介绍如何在WPF应用程序中使用Font Awesome . 如果是自定义的图标字体,使用方法相同. 下载图标字体 在官方网站或github上下载资源 http://fontawesome.io/#modal-download https://github.com/FortAwesome/Font-Awesome 解压下载的文件(我是在github上下载的源码),我们要使用的是其中css和fonts文件夹中的内容 在项目中加入字体 新建WPF应

ligerui_实际项目_003:form中添加数据,表格(grid)里面显示,最后将表格(grid)里的数据提交到servlet

实现效果: "Form"中填写数据,向本页"Grid"中添加数据,转换成Json数据提交,计算总和,Grid文本框可编辑,排序 图片效果: 总结: //display属性: editor:grid表格可以编辑其类容: //select类型:select+render实现选择填充效果 editor:{ type:"select", data:[{id:"1",text:"品牌一"},{id:"2&q