标准 Windows 11 图标,包括UWP 应用中的颜色

Posted

技术标签:

【中文标题】标准 Windows 11 图标,包括UWP 应用中的颜色【英文标题】:Standard Windows 11 Icons incl. Color in UWP apps 【发布时间】:2021-12-23 03:56:35 【问题描述】:

我想构建一个在 Windows 11 中看起来原生的 UWP 应用,尤其是在工具栏图标方面。我喜欢新的 Windows 资源管理器图标,我正在寻找可以找到它们的资源。

我找到了有关 Segoe Fluent Icons 字体以及如何使用它们的信息,但它们似乎都是一种颜色。我想要两种颜色或可能的更多颜色组合,就像 Windows 11 一样。 Segoe Fluent Icons 是正确的方法吗?是否有适用于 Windows 11 标准多色图标的标准图标资源?

【问题讨论】:

【参考方案1】:

标准 Windows 11 图标,包括。 UWP 应用中的颜色

我不得不说,上面的图标是 Window 11 的特定自定义,我们不能直接在您自己的应用程序中使用它们。但我们可以使用图标分层来实现,这是一种用于重叠两个不同字形的技术。有关更多信息,请参阅此document。你也可以制作双色图标图像来替换。

<Grid>
    <FontIcon
       Margin="0,0,22,0"
        FontFamily="StaticResource SymbolThemeFontFamily"
        Glyph="&#xE74b;" />
    <FontIcon  
        FontFamily="StaticResource SymbolThemeFontFamily"
        Foreground="SlateBlue"
        Glyph="&#xE74a;" />
</Grid>

【讨论】:

"上面的图标是 Window 11 的特定自定义"。至少像剪切/复制/粘贴/删除/打印这样的常见图标在所有 Windows 11 应用程序中应该看起来相同。遗憾的是他们将它们专门用于 Win 11。顺便说一句,我找不到当用两种颜色覆盖时会产生 Win 11 使用的图标的字形。 好吧,如果您确实想要这两种颜色的图标,请随时在 WinUI github 中发布您的要求。 如果答案已经解决了您的问题,请mark它被接受

以上是关于标准 Windows 11 图标,包括UWP 应用中的颜色的主要内容,如果未能解决你的问题,请参考以下文章

UWP 应用程序在 Windows 10 中的查找结果的图标/磁贴的来源是啥?

我的 Windows 应用程序的图标应包括哪些图标尺寸?

如何更改 windows uwp图标

如何在 uwp 中将图标添加到菜单栏

win10更新后,uwp的应用桌面图标异常缩放

您是不是已经在 Microsoft Store 中发布了 Windows 11 UWP 应用?