wpf - 如何在WPF中使用图标[Font-awesome]

Question

我是 WPF 新手。我想在文本框和按钮中使用 Font-awesome 图标。但图标没有与我的文本框绑定(bind)

我将 Font-awesome 资源安装到我的应用程序中。

让我知道如何使用它

谢谢，

我真的需要它，请帮助我..

Example

第 1 步:下载 Font-Awesome

工具 -> 库包管理器 -> 包管理器控制台 安装

PM > 安装包 FontAwesome.WPF

第 2 步:添加资源

<Application> xmlns:fa="http://schemas.fontawesome.io/icons/" </Application>

第3步:放置App.xaml

<Application.Resources>

    <Style x:Key="FontAwesome">
        <Setter Property="TextElement.FontFamily" Value="pack://application:,,,/fonts/#FontAwesome" />
    </Style>

</Application.Resources>

第4步:在Demo.xaml中使用它

<TextBlock Style="{StaticResource FontAwesome}"
FontSize="75"
Text="&#xf133;" />

第 5 步:- 输出

Answer 1

首先，下载 Font Awesome，解压 ZIP 文件并将 fonts/fontawesome-webfont.ttf 复制到解决方案中的 Fonts 文件夹中。将属性中的“构建操作”设置为“资源”(如果尚未设置)

接下来，向 App.xaml 中的资源添加样式。不要忘记字体名称前面的#，并记住使用字体的内部名称，而不是文件的名称。要检查字体名称，只需双击字体文件，它将在 Windows 字体查看器中打开。字体名称将位于顶部。

<Application.resources>
<FontFamily x:Key="FontAwesome">/Fonts/fontawesome-webfont.ttf#FontAwesome</FontFamily>
</Application.resources>

打开MainWindow.xaml并用以下代码片段替换网格:

<Grid VerticalAlignment="Center" HorizontalAlignment="Center">

<StackPanel Orientation="Horizontal" >

<TextBlock Text="I" FontSize="32" Margin="10" VerticalAlignment="Center"></TextBlock>


<TextBlock x:Name="tbFontAwesome" Text="&#xf004;" FontFamily="{StaticResource FontAwesome}" Foreground="Red" FontSize="32" Margin="10" VerticalAlignment="Center"></TextBlock>
<TextBlock Text="Font Awesome" FontSize="32" Margin="10" VerticalAlignment="Center"></TextBlock>

</StackPanel>

</Grid>

注意“tbFontAwesome”文本 block 的“Text”属性，它是Heart的Unicode。

Cheat Sheet