Windows 8.1 应用:针对不同的屏幕分辨率优化图像

 

适用于 Windows 和 Windows Phone

可以添加不同版本的用于标识应用的每个图像(例如,徽标和初始屏幕图像)。 随后可以测试它们以确保它们在具有不同屏幕分辨率的各种设备上显示良好。 通过添加每个图像的不同版本,可以减少图形为适合用户屏幕大小而拉伸或收缩的程度。

在本主题中

  • 命名和组织图像文件

  • 将图像文件添加到项目中

  • 在清单中标识图像文件

  • 预览不同的屏幕大小和分辨率的应用程序

命名和组织图像文件

根据文件表示的资产类型命名文件,如 Square7070.png。 如果要在同一个文件夹中存储多个文件,请在文件名中包含 scale 限定符。 例如,可以为一个文件提供以下名称:Square7070Logo.scale-100.png

如果要基于比例系数组织文件夹中的文件,请在文件夹名(而不是文件名)中包含 scale 限定符。 例如,可以将 Square7070Logo.pngSquare150150Logo.png 存储在 Assets\Scale-100 子文件夹中。

将图像文件添加到项目中

打开解决方案,然后将图像文件添加到应用项目的**“Assets”**文件夹中。

如果使用一个共享应用项目为多个外形规格(例如,Windows 和 Windows Phone)生成应用,请考虑在解决方案中将图像文件添加到该共享项目的**“Assets”**文件夹(但是仅当该图像适合这两种外形规格时)。

在清单中标识图像文件

  1. 在**“解决方案资源管理器”中,打开应用程序清单设计器 (Package.appxmanifest),然后选择“可见资产”**选项卡。

  2. 在可见资产列表中,选择**“所有图像资产”**以显示图像的设置。

  3. 如果要在主徽标上显示短名称,请在**“短名称”**文本框中指定一个。

    备注

    对于 Windows Phone 应用,会忽略“短名称”“默认大小”的值。

  4. 在任何徽标的文本框中((例如**“150x150 正方形徽标”**),为主徽标进行指定。

    “150x150 正方形徽标”的默认值为 Assets\Logo.png。

  5. 在页面的**“比例资产”区域中,选择任何“比例”框旁的“浏览”() 按钮,导航到“Assets”文件夹,指定适用于该比例的图像,然后选择“打开”**按钮。

    备注

    若要采用比例大小显示图像的特写视图,请在框中选择图像。 一个预览窗口随即打开,并列出将使用每个图像文件的位置。

    图像会出现在框中,文件会进行复制。 复制的文件会按照 应用商店 应用的资源命名约定(名称.scale-nnn.ext)进行命名,其中 nn 是比例系数。 例如,文件可以命名为 Logo.scale-100.png。

预览不同的屏幕大小和分辨率的应用程序

仅适用于 Windows

可使用模拟器预览为 Windows 应用商店设计的应用程序。 有关详细信息,请参阅在模拟器中运行 Windows 应用商店应用程序.

可使用仿真程序预览为 Windows Phone 应用商店设计的应用程序。 从调试器的**“标准”工具栏上的“启动调试”**按钮旁的下拉列表中选择仿真程序。 选择与要用于预览应用的分辨率匹配的仿真程序。

重要

在将应用发布到 应用商店 之前,请始终在实际设备上测试应用。

另请参阅

快速入门:使用文件或图像资源(使用 C#/VB/C++ 和 XAML 的 Windows 运行时应用)
快速入门:使用文件或图像资源(使用 JavaScript 和 HTML 的 Windows 运行时应用)
如何使用限定符命名资源(使用 C#/VB/C++ 和 XAML 的 Windows 运行时应用)
如何使用限定符命名资源(使用 JavaScript 和 HTML 的 Windows 运行时应用)
选择你的应用图像
按比例缩放像素密度指南
磁贴和 Toast 图像大小(Windows 运行时应用)
磁贴和徽章准则
缩略图准则
磁贴模板目录(Windows 运行时应用)