在默认配置下,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中添加新成员
图标图像:
