应用程序的 Xamarin UWP 图标资产

Posted 2023-02-23

【中文标题】应用程序的 Xamarin UWP 图标资产

【英文标题】：Xamarin UWP icon assets for the application

【发布时间】：2018-09-12 13:48:24

【问题描述】：

我正在为我现有的 Xamarin 表单项目开发 Xamarin UWP 项目。我现有的项目仅支持 android 和 ios。现在，我也在尝试将支持扩展到 UWP。

在 Xamarin UWP 项目中，需要在 UWP 项目中使用的图标大小应该是多少，以便它在所有设备（移动设备、平板电脑和台式机）中兼容。？

在 Android 中，我们可以选择根据可绘制文件夹提供大小，而在 iOS 中，我们可以提及图标的大小，例如 1x、2x 和 3x。同样，添加 Xamarin UWP 项目中使用的图标资产的方法是什么？

我已经检查了下面的链接，还尝试在 UWP 项目的包清单文件中生成 Visual assets 选项卡中使用的图标，但它没有工作。相关documentation here。

谁能给我提供生成 Xamarin UWP 项目中使用的标准大小图标的方法？

【参考方案1】：

UWP 具有非常相似的指定图像比例的方法。文件名模式如下：

ImageName.scale-XXX.png

其中 XXX 是图像的缩放因子。您应该提供的推荐比例为 100、200 和 400，但您也可以选择提供 150 和 125。

图像的大小应按比例缩放，因此当您的默认图像为 25 像素宽且比例为 100 时，它应为 100 像素宽且比例为 400。

对于应用程序图标和资产，应该使用 Visual Studio 轻松完成。例如，将中等磁贴设置为Assets\Square150x150Logo.png，现在在Assets 文件夹中添加如下图像：

资产\Square150x150Logo.scale-150.png 资产\Square150x150Logo.scale-200.png 资产\Square150x150Logo.scale-400.png

请注意，您没有任何具有确切文件名 (Assets\Square150x150Logo.scale-150.png) 的图像，只有“比例”变体。操作系统会根据需要使用适当的操作系统。

要查看您需要的尺寸，请查看 Visual Studio 中的指南：

【讨论】：

我已尝试使用您提到的缩放，但它在平板设备中无法正常工作。 100 刻度上的图标的大小可能是多少。或者我们如何确定它。？我已将 12x12 作为比例 100 的图标大小。但它不起作用。

在 Visual Studio 的 Visual Assets 选项卡中可以看到正确的图块和图标像素大小 - 它们位于预览的正下方 - 例如，284x284 像素的小图块400. 在我的回答中查看图片

瓷砖的图像必须具有正确的尺寸，否则它们将不起作用。

使用要求的 400x400 的源图像后。为以下屏幕截图中提到的图块生成图像。但是生成的图像的名称类似于“LargeTile.scale.100.png”...等中小比例。我是否必须将这些生成的图像的名称更改为我在 PCL 项目中引用的名称？

在 PCL 项目中？磁贴、初始屏幕和图标是纯粹的 UWP 特定概念，它只是作为应用程序本身的品牌。您不能在 PCL 中使用这些。如果你想在你的应用程序中添加普通图像，比如按钮图标等，这些图像应该放在 UWP 项目的根文件夹中。因此，如果您在 XAML 中有 <Image Source="Button.png" />，那么您的 UWP 项目的根文件夹中应该有一个图像 Button.png。或者，您可以使用Button.scale-100.png、Button.scale-150.png 等代替Button.png，但它们仍需要位于根文件夹中。