在您的应用程序中使用图标

• 下载解决方案为 rar 文件 (773.5KB)。
• 下载解决方案为 zip 文件 (809.6KB)。

引言

在您的 WFP 或 UWP 应用程序中使用图标，可以让用户更舒适地使用该应用程序。但是您该如何做到呢？有两种可能的方式来使用图标。首先，您可以使用图像，另一种方式是图标字体。在接下来的标题中，我将解释您如何做到这一点。

使用图标

图像

它们是什么？

引用

图像（来自拉丁语：imago）是一种描绘视觉感知的工件，例如二维图片，它与某个主题具有相似的外观——通常是物理对象或人物，从而提供它的描绘。

来源：维基百科

如果您缩放图像，您可以看到像素，就像您可以在后面的图像上看到的那样。右边是图像的原始大小，左边是图像缩放了 10 倍。

如何使用它？

为了在您的 WPF 应用程序中使用图像，您可以在您的资源中添加它们。转到属性 → 资源 → 图像 → 在“添加资源”下选择“添加现有文件...” → 从您的文件资源管理器中选择图像，或者拖放文件。

在将图像添加到您的资源后，您可以将图像元素放置在您的窗口上。Source 属性必须包含图像的位置。获得它的最简单的方法是在您的属性窗口中选择正确的图像。添加图像到您的窗口的最终代码，您可以在下面找到。

<Image x:Name="image" 
       Source="pack://siteoforigin:,,,/Resources/The_image.png" />

优点和缺点

缺点

• 图像可以缩放，但如果图像更大，则会像素化。替代方案：您可以添加不同尺寸的图像，并在您的窗口大小更改时每次替换它。
• 花费更多字节来保存图像。
• 解压缩图像后，它可能不等于压缩前的原始图像。

Pro

• 图像可以胜过千言万语。
• 可以包含颜色。
• 可以用于游戏、应用程序、网站等中的背景、对象等。

图标字体

它们是什么？

引用

图标字体是带有图标，有时带有普通字符的字体。

有很多图标字体您可以使用，其中一种图标字体是 Font Awesome。您可以从该网站下载字体文件。对于本文，我将使用 Font Awesome。该字体可以免费使用（除了 Fort Awesome）并且可用于商业和公共用途。

如何使用它？

对于 Windows 应用程序，您可以下载一些名为 FontAwesome.WPF 的 NuGet 包。

安装后，添加此命名空间

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

现在你可以使用下面的代码

<fa:ImageAwesome Margin="10" Icon="Star"/>

<fa:FontAwesome Margin="10" Spin="True" Grid.Row="1" Grid.Column="1" SpinDuration="2">
    <fa:ImageAwesome Icon="Spinner"/>
</fa:FontAwesome>

<fa:ImageAwesome Margin="10" Icon="Flag" Grid.Column="2" Grid.Row="1" 
                 Foreground="#FF942B2B" Rotation="90"/>

这段代码会产生。中间的图标是动画的。该图标将无限旋转，并在两秒钟内旋转一周。

优点和缺点

缺点

• 图标只能用一种颜色着色（除非您使用来自 .NET 的 GradientBrush）
• 并非所有图标都可以在图标字体中使用。
• 图标字体并不总是免费的。

Pro

• 只需要一些字体文件就可以包含超过 600 个（对于 Font Awesome）图标。
• 可缩放，因为在后台使用图标字体 SVG 或字体文件。
• Font Awesome 包含动画。

关注点

有关 Font Awesome 的更多信息

• GitHub 上的 NuGet 库
• 官方页面