WPF字体图标（FontAwesome、IconFont）简单使用源码_iconfontwpf,wpf使用iconfont资源-CSDN文库

共125个文件

cs：25个

scss：14个

less：14个

WPF

字体图标

IconFont

FontAwesome

1星需积分: 50 70 浏览量 2019-01-30 15:03:01 上传评论收藏 1.23MB RAR 举报

在Windows Presentation Foundation (WPF)应用开发中，为了实现丰富的用户界面，我们有时需要使用图标。其中，字体图标（如FontAwesome、IconFont）提供了一种高效且灵活的方式来展示图标，无需处理图片资源，只需引用相应的字体文件即可。下面将详细介绍如何在WPF中使用字体图标，并扩展讲解其背后的原理和技术。字体图标是一种将图标设计为Unicode字符的字体，通过设置字体、字号和颜色，可以像显示文字一样显示图标。比如，FontAwesome是一个广泛使用的开源图标库，它包含了大量的矢量图标，每个图标都有对应的Unicode编码。在WPF中使用字体图标的基本步骤如下： 1. **引入字体文件**：你需要将字体文件（如FontAwesome.ttf）添加到你的项目资源中。这通常可以通过在项目中右键点击“添加现有项”，然后选择字体文件完成。 2. **定义样式**：创建一个Style来设置字体类型和大小，以便在XAML中方便地使用图标。例如： ```xml <Style x:Key="FontAwesomeStyle" TargetType="{x:Type TextBlock}"> <Setter Property="FontFamily" Value="/YourProjectName;component/Fonts/#FontAwesome" /> <Setter Property="FontSize" Value="16" /> </Style> ``` 这里的`/YourProjectName;component/Fonts/`是字体文件的相对路径，`#FontAwesome`是字体的名称。 3. **使用图标**：在需要显示图标的地方，应用定义好的样式，并设置TextBlock的Text属性为对应图标的Unicode编码。例如，显示一个搜索图标： ```xml <TextBlock Style="{StaticResource FontAwesomeStyle}" Text="" /> ``` 这里的``是FontAwesome中搜索图标对应的Unicode值。 4. **动态改变图标**：你可以根据需要动态改变TextBlock的Text属性，以实现不同的图标。除了基本的使用，还可以进行更高级的拓展，如： - **结合数据绑定**：你可以将Unicode值存储在ViewModel中，通过数据绑定更新图标。 - **自定义颜色**：通过设置TextBlock的Foreground属性改变图标颜色。 - **组合图标**：利用Unicode的组合特性，可以创建由多个字符组成的复合图标。 - **自定义样式**：创建更多不同的Style，以适应不同的应用场景，如悬停效果、鼠标点击效果等。在提供的压缩包文件中，可能包含了使用Mef（Managed Extensibility Framework）来实现字体图标服务的示例代码。Mef是一个.NET框架，用于构建可扩展的应用程序，它允许你在WPF应用中轻松地注入和使用字体图标服务。 WPF中的字体图标提供了一种简便的方式，使得开发者可以轻松地在UI中集成各种图标。通过理解其工作原理和使用方法，我们可以创建更加美观和功能丰富的应用程序界面。

资源推荐

资源详情

资源评论

收起资源包目录

WPF 字体图标（FontAwesome、IconFont）简单使用源码（125个子文件）

MainWindow.baml 2KB

Mef.UseIconFont.csprojAssemblyReference.cache 14KB

DesignTimeResolveAssemblyReferencesInput.cache 7KB

Mef.UseIconFont.csproj.GenerateResource.cache 954B

Mef.UseFontAwesome.csproj.GenerateResource.cache 954B

Mef.UseFontAwesome_MarkupCompile.cache 355B

Mef.UseFontAwesome_MarkupCompile.i.cache 353B

Mef.UseIconFont_MarkupCompile.cache 343B

Mef.UseIconFont_MarkupCompile.i.cache 340B

Mef.UseIconFont.csproj.CoreCompileInputs.cache 42B

Mef.UseFontAwesome.csproj.CoreCompileInputs.cache 42B

App.config 189B

Mef.UseIconFont.exe.config 189B

App.config 189B

Mef.UseFontAwesome.exe.config 189B

MainWindow.g.cs 3KB

MainWindow.g.i.cs 3KB

MainWindow.g.cs 3KB

MainWindow.g.i.cs 3KB

Resources.Designer.cs 3KB

App.g.i.cs 2KB

App.g.cs 2KB

App.g.i.cs 2KB

App.g.cs 2KB

AssemblyInfo.cs 2KB

Settings.Designer.cs 1KB

MainWindow.xaml.cs 664B

MainWindow.xaml.cs 661B

Mef.UseFontAwesome_Content.g.i.cs 541B

App.xaml.cs 345B

App.xaml.cs 342B

TemporaryGeneratedFile_036C0B5B-1481-4323-8D20-8F5ADCB23D92.cs 0B

TemporaryGeneratedFile_E7A71F73-0F8D-4B9B-B56E-8E70B10BC5D3.cs 0B

TemporaryGeneratedFile_5937a670-0e60-4077-877b-f7221da3dda1.cs 0B

TemporaryGeneratedFile_036C0B5B-1481-4323-8D20-8F5ADCB23D92.cs 0B

TemporaryGeneratedFile_E7A71F73-0F8D-4B9B-B56E-8E70B10BC5D3.cs 0B

TemporaryGeneratedFile_5937a670-0e60-4077-877b-f7221da3dda1.cs 0B

Mef.UseIconFont.csproj 4KB

Mef.UseFontAwesome.csproj 4KB

font-awesome.css 37KB

font-awesome.min.css 30KB

demo.css 8KB

iconfont.css 2KB

fontawesome-webfont.eot 162KB

iconfont.eot 3KB

Mef.UseFontAwesome.exe 172KB

Mef.UseIconFont.exe 12KB

demo_index.html 10KB

storage.ide 4KB

storage.ide-shm 32KB

storage.ide-wal 1.31MB

iconfont.js 9KB

icons.less 49KB

variables.less 22KB

mixins.less 2KB

path.less 771B

animated.less 713B

rotated-flipped.less 622B

bordered-pulled.less 585B

font-awesome.less 495B

stacked.less 476B

core.less 452B

list.less 377B

larger.less 370B

fixed-width.less 119B

screen-reader.less 118B

db.lock 0B

Mef.UseFontAwesome_MarkupCompile.lref 114B

Mef.UseIconFont_MarkupCompile.i.lref 111B

Mef.UseIconFont_MarkupCompile.lref 111B

FontAwesome.otf 132KB

Mef.UseIconFont.pdb 32KB

Mef.UseFontAwesome.pdb 32KB

Mef.UseFontAwesome.g.resources 164KB

Mef.UseIconFont.g.resources 5KB

Mef.UseIconFont.Properties.Resources.resources 180B

Mef.UseFontAwesome.Properties.Resources.resources 180B

Resources.resx 5KB

_icons.scss 49KB

_variables.scss 22KB

_mixins.scss 2KB

_path.scss 783B

_animated.scss 715B

_rotated-flipped.scss 672B

_bordered-pulled.scss 592B

_stacked.scss 482B

_core.scss 459B

font-awesome.scss 430B

_list.scss 378B

_larger.scss 375B

共 125 条

E:\VS2017IED\repos\wpf\字体图标FontAwesome\Mef.UseFontAwesome\Mef.UseIconFont\bin\Debug\Mef.UseIconFont.exe.config E:\VS2017IED\repos\wpf\字体图标FontAwesome\Mef.UseFontAwesome\Mef.UseIconFont\bin\Debug\Mef.UseIconFont.exe E:\VS2017IED\repos\wpf\字体图标FontAwesome\Mef.UseFontAwesome\Mef.UseIconFont\bin\Debug\Mef.UseIconFont.pdb E:\VS2017IED\repos\wpf\字体图标FontAwesome\Mef.UseFontAwesome\Mef.UseIconFont\obj\Debug\Mef.UseIconFont.csprojAssemblyReference.cache E:\VS2017IED\repos\wpf\字体图标FontAwesome\Mef.UseFontAwesome\Mef.UseIconFont\obj\Debug\MainWindow.g.cs E:\VS2017IED\repos\wpf\字体图标FontAwesome\Mef.UseFontAwesome\Mef.UseIconFont\obj\Debug\App.g.cs E:\VS2017IED\repos\wpf\字体图标FontAwesome\Mef.UseFontAwesome\Mef.UseIconFont\obj\Debug\Mef.UseIconFont_MarkupCompile.cache E:\VS2017IED\repos\wpf\字体图标FontAwesome\Mef.UseFontAwesome\Mef.UseIconFont\obj\Debug\Mef.UseIconFont_MarkupCompile.lref E:\VS2017IED\repos\wpf\字体图标FontAwesome\Mef.UseFontAwesome\Mef.UseIconFont\obj\Debug\MainWindow.baml E:\VS2017IED\repos\wpf\字体图标FontAwesome\Mef.UseFontAwesome\Mef.UseIconFont\obj\Debug\Mef.UseIconFont.g.resources E:\VS2017IED\repos\wpf\字体图标FontAwesome\Mef.UseFontAwesome\Mef.UseIconFont\obj\Debug\Mef.UseIconFont.Properties.Resources.resources E:\VS2017IED\repos\wpf\字体图标FontAwesome\Mef.UseFontAwesome\Mef.UseIconFont\obj\Debug\Mef.UseIconFont.csproj.GenerateResource.cache E:\VS2017IED\repos\wpf\字体图标FontAwesome\Mef.UseFontAwesome\Mef.UseIconFont\obj\Debug\Mef.UseIconFont.csproj.CoreCompileInputs.cache E:\VS2017IED\repos\wpf\字体图标FontAwesome\Mef.UseFontAwesome\Mef.UseIconFont\obj\Debug\Mef.UseIconFont.exe E:\VS2017IED\repos\wpf\字体图标FontAwesome\Mef.UseFontAwesome\Mef.UseIconFont\obj\Debug\Mef.UseIconFont.pdb

评论收藏

内容反馈