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