APPLE WATCH 中文手册:APPLE Watch Apps--情景菜单

原文:WatchKit Programming Guide:Watch Apps--Context Menus

Apple Watch上Retina屏的Force Touch特性提供了与内容进行交互的新途径。与点击屏幕上的项目不同,该特性并非轻触,而是需要一定的按压力度才能激活与当前界面控制器相关的情景菜单。

情景菜单是可选的。使用情景菜单来展示当前屏幕相关的操作,图11-1展示不同数量操作下的情景菜单。

1417417259976188

情景菜单可以展示4项操作。每个操作由一个标题和一张图片表示。点击屏幕上某张图片可执行对应的操作,点击屏幕上任何其他地方即可解除菜单。

设计菜单项

每个菜单项包含一个可点击区域和一个标题。可点击区域由纯色背景和您提供的图片组成。图片必须是模板图片,其alpha通道指定了绘制在纯色背景

上的图形。模板图片的不透明部分在背景上显示为黑色,全部或者部分半透明部分可透露出背景的颜色。

图11-2展示了菜单项目的图片和标题的布局。您提供的模板图片实际上应当比背景小一点。更多关于图片尺寸的信息和如何创建图片的指南,请参看Apple Watch Human Interface Guidelines.

图11-2 菜单项目布局

1417417306626540

为界面控制器添加情景菜单

你可以以编程方式或者在设计阶段配置情景菜单。您添加到storyboard中的菜单项是持久性的不能在运行时移除。您通过编程方式添加的菜单项可以被移除。使用WKInterfaceController类的方法来添加或者移除新的菜单项。

重要:情景菜单中的菜单项目总数不能超过4个,不管是在storyboard文件中定义还是以编程方式添加,或者组合两种方式。

向界面控制器中添加情景菜单需要:

1.打开storyboard文件。

2.从工具库中拖拽一个菜单项,并将其添加到界面控制器场景中。初始菜单包含一个单独的菜单项目。

3.最多从库中拖拽3个菜单项到菜单中。你还可以使用菜单的Attributes检查器来设置菜单项数量,您添加的菜单项不能被移除。

4.对于每个菜单项目,可使用Attributes检查器来指定菜单的标题和图片,这两者都是需要的。

5.在界面控制器类中将每个菜单项和操作连接起来。菜单操作方法格式如下:

- (IBAction)doMenuItemAction

想要在运行时添加菜单项目,请调用界面控制器对象的addMenuItemWithImage:title:action:或者addMenuItemWithImageNamed:title:action:方法。您添加的菜单项被附加到storyboard文件中指定的对象上。以编程方式添加的菜单项目持续附属于菜单,直到您明确地移除它们或者您的界面控制器解除配置。

当用户点击菜单项目时,WatchKit则调用界面控制器中定义的关联动作方法。通过动作方法的实现来执行用户请求的操作。如果要求使用任何状态信息来执行操作,那么您需要在界面控制器中保持所需状态。比如,如果一个动作依赖于表格中当前的选中行,那么您的界面控制器必须包含一个变量来跟踪当前选中的行。

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/6245/

(0)
iouedioued
上一篇 2015-06-15 09:58
下一篇 2015-06-15 10:05

相关推荐

  • 从「不修边幅」到「衣冠齐楚」,Google是这样一步步变漂亮的

    在很多人眼里,Google的产品一直与优雅设计无关。但现在,搜索巨人比其他互联网巨头都懂得如何打造一款设计优雅的软件(互联网)产品,如果你不相信这个判断,不妨放下你对苹果产品的钟爱,做个深呼吸,好,现在我们来对比一下Google与苹果在移动操作系统的设计:Android vs iOS。

    2017-06-05
  • 阅读好体验的准则:100% Easy-2-Read

    阅读好体验的准则:100% Easy-2-Read | 艾欧交互设计 译者:前两天看到一篇文章,觉得挺不错的,就简单翻译一下分享给大家。   大多数网站都挤满了小号的文字,使人阅读起来感到很痛苦。产生这个问题的原因是…

    2014-11-13
  • 交互设计快速检查清单 Interaction Design Quick Checklist

    #交互学堂#交互设计快速检查清单 Interaction Design Quick Checklist [one_half_col] 架构和导航Architecture and navigation Note 􀂅 是否采用了用户熟悉或容易理解的结构? 􀂅 是否能识别当前在网站中的位置? 􀂅 …

    2016-11-09
  • 多功能福彩APP用户体验调查问卷

    近日,湖南省福彩中心在全省7100多个彩站安装使用“智慧福彩APP”。该APP具有申领热敏纸、报修设备故障、发布活动公告、发布开奖公告、发布消息通知等功能,并服务于彩站具有各站点详情、销售目标、巡检劝人、评价管理员、问卷调查、意见反馈的功能,从而实现“福彩中心”、“市场管理员”、“彩站站主”、“彩民”、“社会公众”五者间的互通互联。彩站或彩民们有任何意见建议或技术方面的问题,均可通过该APP上报省中心,为中心机构与站主、彩民之间搭建了桥...

    2018-04-24
  • 【译】为什么要在绘制线框图之前画草图

    我们在设计的过程中都会有意无意忽略掉很多步骤,大部分原因是我们都不了解这些步骤。当有人问你,交互设计的价值在哪里?会不会觉得很难回答出来,就算答了也觉得很虚。因为本质上我们都不懂。当你了解了整个流程…

    2015-08-19
  • 为Apple Watch设计时需要牢记的一些诀窍

    “想清楚一点,你的智能手表应用为何存在,既然有iPhone应用。”“设计师:理解用户的体验,精确把握介入时机。”“如果你只能描述你所设计的功能,而不是相对应的时刻,那你还有很多事情要做。”

    2017-06-04
  • 减少认知过载:塑造更好的用户体验

    设计不是美工,想成为优秀的设计师怎么能不懂点心理学?文章从认知心理学角度下手,分析了在交互设计过程中时常会犯得几种错误,一些平时稀松见惯的设计方式也都在这儿找到了比较理性的依据。设计是门科学,我们需要掌握一些方法论,以不变应万变。

    2017-05-11
  • ”交互设计“菜鸟如何入门?

    大多数新手初次自学设计时有两大难关要过:我适合干这行吗?我该如何入门?带着这两种疑问上路,学习效果很难保证。今天小编特地分享亲身经历以及多年设计经验,为你解答这两大难题! 1. 我适合干这行吗? “我不是…

    2015-08-27
  • 交互设计如何备考?二战学姐带你领略考研那些事

    姜嘉琪本科南京大学,信息管理与信息系统专业清华大学美术学院公布拟录取名单一周之后,心里那种不真实感终于平复下来。这是我第二年参加考试,至此也算是最好的结果了。为什么考研我本科的专业其实也算是个“交叉学科”,范围广必然深度不足,所以我一度非常迷茫,不知道未来究竟想做什么。后来上了一门《人机交互》的选修课,第一次了解到设计上的微妙差别给使用者带来的不同体验,经过反复思考,我觉得产品交互设计这个领域可以算是我个人兴趣、能力、期望最佳的结合点,...

    2018-04-20
  • 蘑菇街App改版设计总结

    新版app在短短的一个多月内,完成了从方向调整到开发上线的全过程,而设计在其中仅仅只占一周多,这也是互联网公司面临的共性难题。为了配合产品小步快跑的策略,我们采用敏捷设计的方法:快速地进行竞品分析,根据低保真原型一边进行业务细化和方案讨论,一边进行视觉风格的设计。

    2017-05-12