跟燕青一起学Windows8应用开发:修改Metro应用的Splash Screen

                Splash Screen对应用本身虽然没有太多的技术含量,但是对于一个成熟的应用,特别是公司开发的应用将是非常重要的。至少,应用需要显示一下公司的Logo!如同广告牌效果,Splash Screen就是一个投放公司品牌广告的好地方,难道不是吗?!本篇博客就是讨论,如果在开发Metro应用的时候,修改默认Splash Screen,变成自己需要的内容。

                说了半天的Splash Screen,部分读者可能还没有搞清楚它是什么,这里简单的多啰嗦两件。在Metro应用启动的时候,我们会看到如图1所示的启动画面,这个就是Splash Screen

1

                言归正传,在跟燕青一起学Windows8应用开发:给Metro应用添加Wide Logo一文中,笔者已经讲述了如何添加Wide Logo来提高Metro应用的实用性和趣味性。Splash Screen所处的地方和Wide Logo的地方一致的。那么如何进入呢?

点击Solution Explorer中的package.appxmanifest文件,如图2所示。

2

找到Splash Screen的配置点,如图3所示

3

制作好你的Splash Screen图标,如图4所示。请注意,它必须是620x300像素的图片。

4

用图4更换默认Splash Screen图片,如图图5所示。

5

保存一下package.appxmanifest文件!

可以运行了,图6是你要的结果吗:-)

 

6

例子中的图片是随意选择的,所以在配色方面和背景不搭,但是其目的仅仅是为了让读者理解如何修改Splash Screen,而非是美工要求。如果实在要提高审美要求,那么在Splash Screen图片下面还有一个背景色的设置,读者可以更加Splash Screen的情况,调整背景配色,让其看上去更加的优美。

【参考】

1.         跟燕青一起学Windows8应用开发:创建HTML5 Metro应用程序

2.         跟燕青一起学Windows8应用开发:安装Visual Studio 2011

3.         跟燕青一起学Windows8应用开发:安装Windows8操作系统

4.         跟燕青一起学Windows8应用开发:用CSS文件妆点你的应用

5.         跟燕青一起学Windows8应用开发:使用HTML+CSS自适应水平方向分辨率

6.         跟燕青一起学Windows8应用开发:使用HTML+CSS自适应垂直方向分辨率

7.         跟燕青一起学Windows8应用开发:使用HTML+CSS制作居中布局

8.         跟燕青一起学Windows8应用开发:使用HTML+CSS制作三角形

9.         跟燕青一起学Windows8应用开发:使用HTML+CSS制作Bubbles

10.     跟燕青一起学Windows8应用开发:使用WinJS自定义Javascript

11.     跟燕青一起学Windows8应用开发:使用WinJS自定义Javascript的名字空间

12.     跟燕青一起学Windows8应用开发:使用WinJS在已有Namespace中添加新成员

13.     跟燕青一起学Windows8应用开发:给Metro应用添加Wide Logo

 

 

 

For more complete information about compiler optimizations, see our Optimization Notice.