快速入门:添加初始屏幕 (HTML)

[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发,请参阅 最新文档 ]

使用 Microsoft Visual Studio 2013 设置你的应用的初始屏幕图像和背景色。

请将此操作功能视为我们的应用功能大全系列的一部分。: Windows 应用商店应用 UI 详细信息 (HTML)

先决条件

此快速入门使用 Visual Studio 2013。若要进行下载,请参阅获取工具

在 Visual Studio 2013 中设置初始屏幕图像和背景色

使用 Visual Studio 2013 模板创建你的应用,一个默认的图像已添加到你的项目并已设置为初始屏幕图像。初始屏幕的背景色默认为浅灰色。如果你想要更改应用初始屏幕的默认图像或颜色,请遵循以下步骤:

  1. 在 Visual Studio 2013 中打开你现有的 Windows 运行时应用项目。

  2. 在“解决方案资源管理器”中,打开 "Package.appxmanifest" 文件。也可以通过依次选择“项目”、“应用商店”和“编辑应用清单”,从菜单栏中打开此文件。

  3. 打开“视觉资产”选项卡并从 "Package.appxmanifest" 窗口左侧的“所有图像资产”****窗格中选择“初始屏幕”。 如果你是首次更改初始屏幕,你将看到“初始屏幕”****字段中的 "Assets\SplashScreen.png" 路径。

    下面的屏幕快照显示了 Visual Studio 2013 中的 "Package.appxmanifest" 窗口。根据项目适用于 Windows 应用商店应用还是 Windows Phone 应用商店应用,你将看到一组稍有不同的可见资产。

    Visual Studio 2013 中的“Package.appxmanifest”窗口的屏幕快照

    如果你在文本编辑器中打开 "Package.appxmanifest",则应看到显示为 VisualElements element 子项的 SplashScreen element。清单文件中的默认初始屏幕标记在文本编辑器中的显示如下:

    <m2:SplashScreen Image="Assets\splashscreen.png" />
    
  4. 要选择适用于 Windows 应用商店应用的新的初始屏幕图像,请按下在“比例资产”下的“620 x 300 像素”****标签旁边显示的带省略号的按钮。选择你要用于初始屏幕图像的 620 x 300 像素图像(.png、.jpg 或 .jpeg)。

    要点  所选初始屏幕图像必须为使用 1 倍比例系数的 620 x 300 像素图像。此外,在设计你的初始屏幕时,请注意它比屏幕小,并且居中。它不像 Windows Phone 应用商店应用的初始屏幕一样会填满屏幕。

     

  5. 要选择适用于 Windows 应用商店应用的新的初始屏幕图像,请按下在“比例资产”下的“1152 x 1920 像素”****标签旁边显示的带省略号的按钮。选择你要用于初始屏幕图像的 1152 x 1920 像素图像(.png、.jpg 或 .jpeg)。

    要点  所选初始屏幕图像必须为 1152 x 1920 像素,即 2.4 倍比例系数的正确大小。如果这是你提供的唯一资产,那么它将缩小为 1.4 倍和 1 倍比例系数。

     

  6. 在“初始屏幕”部分的“背景色”****字段中,将背景色设置为与初始屏幕图像一起显示。你可以输入颜色的名称,也可以输入 '#' 和颜色的十六进制值。有关可用颜色的名称的列表,请参阅 SplashScreen element

    你也可以为初始屏幕设置背景色。如果你未为 Windows 应用商店应用指定颜色,则初始屏幕背景颜色默认为浅灰色(十六进制值 #464646)。这与默认的“磁贴”背景色相同(请参阅“可见资产”****选项卡的“磁贴图像和徽标”部分中的“背景色”****字段)。如果你未为 Windows Phone 应用商店应用指定颜色,或将其设置为“透明”,则初始屏幕背景颜色将为透明的。

摘要和后续步骤

如果应用加载所需的时间较长,请考虑添加一个延长的初始屏幕。有关分步指导,请参阅如何延长初始屏幕。在初始屏幕指南和清单中了解有关创建良好加载体验的信息。

想要了解有关 Windows 应用商店应用所需的其他图像的详细信息?请参阅选择应用图像

相关主题

初始屏幕示例

初始屏幕指南和清单

如何延长初始屏幕

选择应用图像

参考

Package manifest schema SplashScreen element

Windows.ApplicationModel.Activation.SplashScreen class