如何在 UWP 中创建类似于 Segoe MDL2 Assets 的图标答案

【问题标题】：How to create icons similar to Segoe MDL2 Assets in UWP如何在 UWP 中创建类似于 Segoe MDL2 Assets 的图标
【发布时间】：2017-08-16 06:33:56
【问题描述】：

正如我所说，Segoe MDL2 Assets 有很多图标，但还不够。通常我们想使用自己的图标。

但是有一个问题，我们自己的图标不能自动适应浅色和深色主题，而 segoe 图标可以。

那么，有人知道怎么做吗？谢谢:)

【问题讨论】：

如何创建自己的图标？
@Filip Skakun 我通常使用photoshop创建png文件，然后转换为ico文件
我不推荐光栅图标，除非它不可能与基于矢量的图标获得相同的效果。您最好在 Illustrator 中创建 .ai 图标，然后将其转换为 xaml 或 xvg（请参阅 SvgImageSource）。否则 - 您仍然可以为每个主题提供单独的图像资源（请参阅ThemeDictionaries）。请注意，虽然您需要为每个主题和 res 提供一张图片
至少每个您想支持的主题和分辨率。这可能会导致 appx 包臃肿或需要生成一堆资源和可选包。

【解决方案1】：

如果您希望图标字体具有正确的颜色，则必须导出为字体（即 ttf）而不是 ico

很少有在线工具可以将您的 PNG 资源转换为字体文件

一旦你有了一个字体文件，你就可以在你的应用程序中使用它，在 XAML 中指定字体系列

<TextBlock Text="&#xEB52; FontFamily="/Assets/Fonts/my-font.ttf#My Font"/>

【讨论】：

【解决方案2】：

我可能是错的，但如果您使用自己的自定义字体 - 图标应该获得适当的颜色（假设您的字体尚未着色）。如果您只使用 Path 元素 - 您可能需要为其 Foreground 指定 ThemeResource 并定义主题特定资源（或仅使用平台提供的资源）。

【讨论】：