您的位置:首页 > 其它

快速构建Windows 8风格应用16-SettingContract原理及构建

2014-09-23 14:29 363 查看
原文:快速构建Windows 8风格应用16-SettingContract原理及构建本篇博文主要介绍Setting Contract概述、Setting Contract实现基本原理、如何构建Setting Contract、构建Setting Contract最佳实践。

Setting Contract概述

1) Setting Contract在当前的应用中提供了快速、上下文相关的沉浸式的设置访问体验;

2) Setting Contract始终是可用的;

3) 设置包括始终可用的系统设置、让用户可以控制应用对系统设备和功能的访问的系统代理设置、以及当前应用程序指定的设置;

我们可以从屏幕右边缘轻扫划出超级按钮,选择“设置”显示设置窗口。设置窗口中既包括应用设置又包括系统设置。



对于开发者,可以通过SettingCommand提供设备面板中入口点,并且这些入口点显示在设置窗口的顶端,其中“权限”和“评论和打分”[注意:只有通过Windows应用商店审核后的应用程序才有该入口点]两个入口点由系统提供。设置面板底端包括由系统提供的电脑设置[音量、亮度、电源等信息]。

Setting Contract实现基本原理



1) 注册设置面板中CommandsRequested事件;

2) 在相关设置事件的回调函数中指定SettingsCommand命令;

3) 最后将SettingsCommand命令添加到ApplicationCommands中,使该命令在设置面板中生效;

如何构建Setting Contract

上面刚刚提到实现Setting Contract的基本原理,那我们如何在应用程序中实现Setting Contract呢?

第一步:

注册CommandsRequested事件。



第二步:

onCommadsReqested回调函数中添加SettingsCommand命令,其中SettingsCommand类中构造函数包含三个参数。



三个参数分别为settingsCommandId[设置命令的Id,该参数为object类型]、label[控制面板中入口点显示信息]、handler[触发该入口点时执行的操作,该参数类型为UICommandInvokedHandler]。

回调函数中:



我们声明SettingsCommand对象设置handler参数时,可以使用Lambda表达式方式处理该入口点击时触发的操作,也可以声明UICommandInvokedHandler对象进行设置handler参数。

其中UICommandInvokedHandler委托对象中需要传递一个类型为IUICommand的参数。



代码可如下:



注意:我们也可以在设置面板中某一入口点中点击处理代码中声明SettingsFlyout对象,并且在该对象中添加自定义控件,用于在控制面板中显示。

代码可如下:



我们可以设置SettingsFlyout对象的Content、HeaderBrush、HeaderText等属性,其中AboutUserControl为用户自定义控件。

我们可以通过右键选中应用程序解决方案=>添加=>添加新项,在弹出面板中找到用户控件并添加。



然后我们可以设置自定义控件的显示的样式和信息。代码可如下:



第三步:

SettingsCommand命令添加到ApplicationCommands中,使该入口点在设置面板中生效。



完成这三个步骤之后,我们可以运行自己应用程序看一下设置面板中有什么变化。运行效果:



我们可以看到自己添加的两个入口点已经显示在设置面板中了。点击某一入口点执行预先设置好的操作。



上图中显示的就是自定义控件中设置的内容。

构建Setting Contract最佳实践

1) 在Setting Contract中设置应用的相关特性;

2) Setting Contract中不要包含任务流程;

3) 添加的设置项不要超过四项;

4) 将很少使用的设置项进行整合;

5) 为常用的设置项提供入口;

6) 设置的层级不要超过两极;

7) 当用户改变了设置后,应用将立即作出反映;

8) 为同种类型的设置提供相同的设置体验;

9) 每个设置项应有一个简洁易懂的说明;

10)不要使用设置导航到应用的其他部分;

11)设置面板中推荐使用的控件有:ToggleSwitch、Button、HyperlinkButton、TextBox、RadioButton和CheckBox;

更多关于Setting Contract使用建议可参考:应用设置指南(Metro风格应用)

Setting Contract示例下载地址
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: