65.9K
CodeProject 正在变化。 阅读更多。
Home

Windows 应用启动画面 - 初学者教程

starIconstarIcon
emptyStarIcon
starIcon
emptyStarIconemptyStarIcon

2.70/5 (6投票s)

2012年10月16日

CPOL

3分钟阅读

viewsIcon

24226

如何设置启动画面图像以及如何更改背景颜色。

引言

继续我之前的文章标题,这里我们将了解启动画面,如何设置启动画面图像以及如何更改背景颜色。

启动画面

每个 Windows 应用商店应用都必须有启动画面。启动画面由图像和背景颜色组成。每当用户启动应用程序时,首先出现的就是启动画面。现在你可能在想,启动画面的目的是什么???

我们都知道,每当启动任何应用程序时,在我们的应用程序完全启动之前,后台会发生很多事情。因此,启动画面提供了一种隐藏用户所有这些后台细节的方式。此启动画面在应用程序初始化时启动,一旦我们的应用程序准备好进行交互,此启动画面就会消失。这不是很棒吗?

现在的问题是我们可以自定义此启动画面吗?那么我的答案是肯定的。您可以自定义图像以及背景颜色。理论讲得够多了,让我们试试看...

演示和示例代码

在 Visual Studio 中打开项目。从解决方案资源管理器中打开 package.appxmanifest 文件。双击打开清单文件将在 Visual Studio 清单设计器中自动打开该文件,如下所示:

  

打开 ApplicationUI 选项卡并滚动到末尾,直到找到 启动画面 部分。如果您没有在“启动画面”部分中修改任何内容,您将能够在“启动画面”字段中看到“images\splashscreen.png”路径,如果您想查看它的标记代码,请在记事本或任何文本编辑器中打开您的清单文件,如下所示:

<applications>
    <application id="App" entrypoint="HelloWorldSample.App" executable="$targetnametoken$.exe">
      <visualelements description="HelloWorldSample" backgroundcolor="#464646" foregroundtext="light" smalllogo="Assets\SmallLogo.png" logo="Assets\Logo.png" displayname="HelloWorldSample">
        <defaulttile showname="allLogos">
        <splashscreen image="images\splashscreen.png">
      </splashscreen>
    </defaulttile>
  </visualelements></application></applications>
如果要更改此默认图像,请单击浏览按钮以选择您选择的图像。

注意:请确保您选择的图像必须为 620 x 300 像素。

现在来谈谈背景颜色,它也很简单。在 启动画面 部分,您会找到标题为“背景颜色”的字段。您可以在此字段中输入您选择的颜色。设置背景颜色对于启动画面是可选的。

自定义启动画面时要记住的事情

自定义启动画面时要小心:因为它是我们应用程序的第一个屏幕,或者说是欢迎屏幕,它应该具有图像和背景颜色的良好组合。它应该非常吸引人。这里需要记住的一件事是,当您的应用程序启动时,只会根据屏幕尺寸调整背景颜色,而不是图像尺寸。图像大小将始终保持不变。

使用扩展启动画面

如果您认为您的应用程序需要执行大量的后台任务才能进行用户交互或在着陆页出现之前,那么以一种让用户获得愉快体验而不是烦人的方式扩展您的启动画面。或者,您可以在启动画面上提供其他信息,以便通过显示有关您的应用程序的更多有趣信息来让用户保持忙碌。

切勿展示广告

启动画面的目的是让用户知道应用程序正在加载,将其用于广告和其他无用内容也会使用户感到困惑。

切勿显示关于页面

启动画面的主要目的是为用户提供流畅的加载体验。因此,您的启动画面绝不应显示有关版本、日期等的信息。

使用正确的图像

始终建议使用能够表达您的应用程序想法的图像

使用进度条

如果您认为您的应用程序将花费超过几秒钟的时间,那么最好向用户显示有关应用程序加载过程的进度条

© . All rights reserved.