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

在默认配置下,Metro应用仅仅提供Square Logo。如果应用想使用Windows 8特有的Notification在Tile上做一些花哨的交互功能,那么将是一件悲催的事情。为此,笔者将在本篇博客中讨论如何添加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上仅仅有unpin和uninstall选项。

 

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


图4

 

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


图5

 

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

 

执行一下!


图6

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


图7

WOW,cool!小飞机应声而出!

 

在看看AppBar,Larger选项现在变成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中添加新成员
有关编译器优化的更完整信息,请参阅优化通知