Windows 8.1 应用再出发 - 磁贴的更新
2014-03-19 16:48
295 查看
本篇和大家一起了解一下Windows 8.1 中磁贴的更新,我们来看看如何利用它做出更好的应用磁贴。
首先我们从展现形式上来对比一下Windows 8 与 Windows 8.1 中的磁贴:
Windows 8支持两种尺寸的磁贴,正方形磁贴(150 * 150 像素)和长方形磁贴(310 * 150 像素)。如下图中邮件和日历属于长方形磁贴,地图和应用商店等属于正方形磁贴。
![](http://images.cnitblog.com/i/306530/201403/191302255526381.png)
Windows 8.1在8.0 的磁贴种类基础上,多支持了两种尺寸的磁贴,小磁贴(70 * 70 像素)和 大磁贴(310 * 310 像素)。
这样一来Windows 8.1 一共支持四种尺寸的磁贴,分别为小磁贴、中磁贴(原正方形磁贴)、宽磁贴(原长方形磁贴)和大磁贴。
如下图中IE和地图等属于小磁贴,阅读列表属于中磁贴,资讯属于宽磁贴,天气属于大磁贴。需要注意的是,小磁贴是不支持动态磁贴的。
![](http://images.cnitblog.com/i/306530/201403/191310113344449.png)
看完了展现形式,我们来看看怎样在应用中设置这四种磁贴呢?这里我们用到的就是程序清单文件(Package.appxmanifest)。
![](http://images.cnitblog.com/i/306530/201403/191550549438604.png)
这里我们看到的是程序清单文件的可视化界面,可以直接的看到,应用允许我们提供四种尺寸的磁贴。
应用默认磁贴大小有两种选择:310 * 150 宽磁贴 或者 150 * 150 中磁贴。(Windows 8.1 中,应用安装后,磁贴不会出现在“开始”屏幕,默认磁贴大小的设置会在用户固定应用时生效)
我们可以指定哪几种磁贴显示应用名称,但是小磁贴是无法显示名称的(另外小磁贴不支持动态磁贴,如我们前面所讲)。
四种磁贴中,70 * 70 小磁贴 和 150 * 150 中磁贴是所有应用都支持的。310 * 150 宽磁贴 和 310 * 310 大磁贴是可选择的。
但有两点需要注意:1. 如不支持宽磁贴,则默认大小不可选择为宽磁贴。2. 如想支持大磁贴,则必须支持宽磁贴。
我们分别按照每种磁贴的尺寸要求设置磁贴,然后来看看程序清单文件的变化:
如上面代码所示:
1. 小、中、宽、大磁贴对应的名称分别是:Square70x70Logo、Square150x150Logo、Wide310x150Logo 和 Square310x310Logo。
2. 默认磁贴大小为:DefaultSize="wide310x150Logo" 代表默认为宽磁贴,如果默认是中磁贴,那代码会变为:DefaultSize="square150x150Logo"。
3. 显示名称的磁贴种类在<m2:ShowNameOnTiles>...</m2:ShowNameOnTiles>节点中定义。
这样我们就把Windows 8.1 中磁贴的更新介绍完了,接下来的几篇我们还会对Windows 8.1 带来的其他更新做出介绍,谢谢。
首先我们从展现形式上来对比一下Windows 8 与 Windows 8.1 中的磁贴:
Windows 8支持两种尺寸的磁贴,正方形磁贴(150 * 150 像素)和长方形磁贴(310 * 150 像素)。如下图中邮件和日历属于长方形磁贴,地图和应用商店等属于正方形磁贴。
![](http://images.cnitblog.com/i/306530/201403/191302255526381.png)
Windows 8.1在8.0 的磁贴种类基础上,多支持了两种尺寸的磁贴,小磁贴(70 * 70 像素)和 大磁贴(310 * 310 像素)。
这样一来Windows 8.1 一共支持四种尺寸的磁贴,分别为小磁贴、中磁贴(原正方形磁贴)、宽磁贴(原长方形磁贴)和大磁贴。
如下图中IE和地图等属于小磁贴,阅读列表属于中磁贴,资讯属于宽磁贴,天气属于大磁贴。需要注意的是,小磁贴是不支持动态磁贴的。
![](http://images.cnitblog.com/i/306530/201403/191310113344449.png)
看完了展现形式,我们来看看怎样在应用中设置这四种磁贴呢?这里我们用到的就是程序清单文件(Package.appxmanifest)。
![](http://images.cnitblog.com/i/306530/201403/191550549438604.png)
这里我们看到的是程序清单文件的可视化界面,可以直接的看到,应用允许我们提供四种尺寸的磁贴。
应用默认磁贴大小有两种选择:310 * 150 宽磁贴 或者 150 * 150 中磁贴。(Windows 8.1 中,应用安装后,磁贴不会出现在“开始”屏幕,默认磁贴大小的设置会在用户固定应用时生效)
我们可以指定哪几种磁贴显示应用名称,但是小磁贴是无法显示名称的(另外小磁贴不支持动态磁贴,如我们前面所讲)。
四种磁贴中,70 * 70 小磁贴 和 150 * 150 中磁贴是所有应用都支持的。310 * 150 宽磁贴 和 310 * 310 大磁贴是可选择的。
但有两点需要注意:1. 如不支持宽磁贴,则默认大小不可选择为宽磁贴。2. 如想支持大磁贴,则必须支持宽磁贴。
我们分别按照每种磁贴的尺寸要求设置磁贴,然后来看看程序清单文件的变化:
<?xml version="1.0" encoding="utf-8"?> <Package xmlns="http://schemas.microsoft.com/appx/2010/manifest" xmlns:m2="http://schemas.microsoft.com/appx/2013/manifest"> ... <Applications> <Application Id="App" Executable="$targetnametoken$.exe" EntryPoint="Win8._1UpdateControls.App"> <m2:VisualElements DisplayName="磁贴的更新" Description="Win8.1UpdateControls" ForegroundText="light" BackgroundColor="#464646" Square150x150Logo="Assets\Logo.png" Square30x30Logo="Assets\Square30x30Logo.png"> <m2:DefaultTile Square70x70Logo="Assets\Square70x70Logo.png" DefaultSize="wide310x150Logo" Square310x310Logo="Assets\Square310x310Logo.png" Wide310x150Logo="Assets\Wide310x150Logo.png"> <m2:ShowNameOnTiles> <m2:ShowOn Tile="square150x150Logo" /> <m2:ShowOn Tile="wide310x150Logo" /> <m2:ShowOn Tile="square310x310Logo" /> </m2:ShowNameOnTiles> </m2:DefaultTile> <m2:SplashScreen Image="Assets\SplashScreen.png" /> </m2:VisualElements> </Application> </Applications> <Capabilities> <Capability Name="internetClient" /> </Capabilities> </Package>
如上面代码所示:
1. 小、中、宽、大磁贴对应的名称分别是:Square70x70Logo、Square150x150Logo、Wide310x150Logo 和 Square310x310Logo。
2. 默认磁贴大小为:DefaultSize="wide310x150Logo" 代表默认为宽磁贴,如果默认是中磁贴,那代码会变为:DefaultSize="square150x150Logo"。
3. 显示名称的磁贴种类在<m2:ShowNameOnTiles>...</m2:ShowNameOnTiles>节点中定义。
这样我们就把Windows 8.1 中磁贴的更新介绍完了,接下来的几篇我们还会对Windows 8.1 带来的其他更新做出介绍,谢谢。
相关文章推荐
- Windows 8.1 应用再出发 - 磁贴的更新
- Windows 8.1 应用再出发 - 视图状态的更新
- Windows 8.1 应用再出发 - 视图状态的更新
- Windows 8.1 应用再出发 - 几种更新的控件
- Windows 8.1 应用再出发 - 几种更新的控件
- Windows 8.1 应用再出发 (WinJS) - 几种新增控件(1)
- 如何在Windows应用商店中提交您的Windows 8.1 应用更新
- Windows 8.1 应用再出发 (WinJS) - 创建一个简单项目
- 在应用商店进行Windows 8.1系统的更新下载安装图文教程
- Windows 8.1 应用再出发 (WinJS) - 几种新增控件(1)
- Windows 8.1 应用再出发 (WinJS) - 几种新增控件(2)
- Windows 8.1 应用再出发 (WinJS) - 创建一个简单项目
- Windows 8.1 应用再出发 - 几种常用控件
- Windows 8.1 应用再出发 - 创建我的第一个应用
- Windows 8.1 应用再出发 - 创建我的第一个应用
- Windows 8.1 应用再出发 - 几种常用控件
- Windows 8.1 应用再出发 - 几种新增控件(1)
- Windows 8.1 应用再出发 - 几种布局控件
- Windows 8.1 应用再出发 - 几种新增控件(2)
- Windows 8.1 应用再出发 (WinJS) - 几种新增控件(2)