如何做收機微網(wǎng)站seo排名優(yōu)化推廣報價
文章目錄
- 一、在WPF中使用FontAwesome 6圖標字體
- 1.1 下載FontAwesome
- 1.2 在WPF中配置引用
- 1.2.1 引用FontAwesome字體文件
- 1.2.2 將字體文件已資源的形式生成
- 1.3 在項目中應用
- 1.3.1 使用方式一：局部引用
- 1.3.2 使用方式二：單個文件中全局引用
- 1.3.3 使用方式三：整個項目中全局引用
- 1.4 效果圖
- 二、在WPF中使用IconFont圖標字體
- 2.1 下載IconFont字體文件
- 2.2 在WPF中配置引用
- 2.2.1 引用IconFont字體文件
- 2.2.2 將字體文件已資源的形式生成
- 2.3 在項目中應用
- 2.3.1 使用方式一：局部引用
- 2.3.2 使用方式二：單個文件中全局引用
- 2.3.3 使用方式三：整個項目中全局引用
- 2.4 效果圖
一、在WPF中使用FontAwesome 6圖標字體
1.1 下載FontAwesome
官網(wǎng)下載地址：https://fontawesome.com/download
選擇下載：Free For Desktop
下載完成后解壓可在otfs文件下找到如下三個文件：
1.2 在WPF中配置引用
1.2.1 引用FontAwesome字體文件
在WPF項目中新建文件夾，如Fonts，將上面下載解壓好的三個ttf文件復制到Fonts目錄下
1.2.2 將字體文件已資源的形式生成
如下圖所示：
選擇Font Awesome 6 Brands-Regular-400.ttf, Font Awesome 6 Free-Regular-400.ttf, Font Awesome 6 Free-Solid-900.ttf，右鍵【屬性】
- 生成操作：資源
- 復制操作：如果較新則復制或始終復制
1.3 在項目中應用
1.3.1 使用方式一：局部引用
<Label FontFamily="pack://application:,,,/Fonts/#Font Awesome 6 Free Solid" FontSize="128" Content="" Foreground="Red"/>
其中/Fonts為Font Awesome 6 Free-Solid-900.ttf坐在的目錄，#之后為字體名稱，字體名稱可雙擊Font Awesome 6 Free-Solid-900.ttf文件查詢
Content=""為對應圖標的十六進制，具體的值可以通過官網(wǎng)https://fontawesome.com/search來進行查詢
1.3.2 使用方式二：單個文件中全局引用
在mainwindow.xml中設置樣式
<Window.Resources><Style x:Key="FontAwesome"><Setter Property="TextElement.FontFamily" Value="pack://application:,,,/Fonts/#Font Awesome 6 Free Solid"></Setter></Style>
</Window.Resources>
在控件中添加style屬性的配置，其中IconFont對應style中配置的x:key的值
<Label Style="{DynamicResource FontAwesome}" FontSize="128" Content="" Foreground="Lime"/>
1.3.3 使用方式三：整個項目中全局引用
在App.xml中設置樣式
<Application.Resources><ResourceDictionary><Style x:Key="AppFontAwesome"><Setter Property="TextElement.FontFamily" Value="pack://application:,,,/Fonts/#Font Awesome 6 Free Solid"></Setter></Style></ResourceDictionary>
</Application.Resources>
在控制中引用
<Label Style="{DynamicResource AppFontAwesome}" FontSize="128" Content="" Foreground="Blue"/>
1.4 效果圖
二、在WPF中使用IconFont圖標字體
2.1 下載IconFont字體文件
iconfont官網(wǎng)：https://www.iconfont.cn/?spm=a313x.search_index.i3.2.411c3a81NwQdm7
a. 搜索到需要的圖標，然后點擊下圖按鈕添加入庫
b. 完成所有需要的圖標入庫之后，可以點擊后側類似購物車的圖標；在彈出的界面中，可以查看所有入庫的圖標，然后點擊【下載代碼】
2.2 在WPF中配置引用
2.2.1 引用IconFont字體文件
將解壓得到的6個文件全部復制到項目中去，比如這邊復制的目錄為IconFont文件夾
注：.ttf為字體文件
2.2.2 將字體文件已資源的形式生成
如下圖所示：
選擇iconfont.ttf，右鍵【屬性】
- 生成操作：資源
- 復制操作：如果較新則復制或始終復制
2.3 在項目中應用
2.3.1 使用方式一：局部引用
<Label FontFamily="pack://application:,,,/IconFont/#iconfont" FontSize="128" Content="" Foreground="Red"/>
其中/IconFont為iconfont.ttf坐在的目錄，#之后為字體名稱，字體名稱可雙擊iconfont.ttf文件查詢
Content=""為對應圖標的十六進制，具體的值可以通過打開demo_index.html來進行查詢
2.3.2 使用方式二：單個文件中全局引用
在mainwindow.xml中設置樣式
<Window.Resources><Style x:Key="IconFont"><Setter Property="TextElement.FontFamily" Value="pack://application:,,,/IconFont/#iconfont"></Setter></Style>
</Window.Resources>
在控件中添加style屬性的配置，其中IconFont對應style中配置的x:key的值
<Label Style="{DynamicResource IconFont}" FontSize="128" Content="" Foreground="Lime"/>
2.3.3 使用方式三：整個項目中全局引用
在App.xml中設置樣式
<Application.Resources><ResourceDictionary><Style x:Key="AppIconFont"><Setter Property="TextElement.FontFamily" Value="pack://application:,,,/IconFont/#iconfont"></Setter></Style></ResourceDictionary>
</Application.Resources>
在控制中引用
<Label Style="{DynamicResource AppIconFont}" FontSize="128" Content="" Foreground="Blue"/>
2.4 效果圖
##【參考程序】
參考程序下載：WPFICONFontApp.rar