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

                在默认配置下,Metro应用仅仅提供Square Logo。如果应用想使用Windows 8特有的NotificationTile上做一些花哨的交互功能,那么将是一件悲催的事情。为此,笔者将在本篇博客中讨论如何添加Wide Logo

                Study Metro App项目被建立后,我们会在Solution Explorer中看到package.appxmanifest文件,如图1所示。

1

 

请双击package.appxmanifest文件,Visual studio会根据现有项目的配置,打开图2的结果

2

非常清楚,在Wide Logo中,默认项目未添加任何Wide Logo的信息。

请特别注意:Wide Logo的图片尺寸规格是310x150像素!

 

如果安装现有程序,那么在桌面上它的Logo将会是什么状况呢?请看图3所示。

3

程序Logo是一个正方形图标,下面的AppBar上仅仅有unpinuninstall选项。

 

OK,让我们添加一个Wide Logo吧,图4是本次实例中的一个飞机图标,满足310x150像素。

4

 

在图5中将图4加入,并且选择保存按钮。

5

 

现在看上去万事俱备只欠东风啦:-)

 

执行一下!

6

我们发现,在添加Wide Logo后,在AppBar上多了一个Larger的选项,点击它一下。

7

WOWcool!小飞机应声而出!

 

在看看AppBarLarger选项现在变成Smaller选项,太棒了!

 

是不是非常的简单? …!

 

【参考】

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中添加新成员

 

 

有关编译器优化的更完整信息,请参阅优化通知