Apple Watch人机交互指南：UI元素--地图、日期和计时器以及菜单

这一篇讲述了更多的控件...

地图

地图可向用户传达某个地理目标的相关信息。您可以使用地图来展示目的地或者展示兴趣点的位置。Apple Watch上的地图是静态快照，不能与之进行交互，点击地图则会打开Maps app。

配置地图范围使之成为包含相关位置的最小区域。在展示地图之前，地图范围由WatchKit扩展程序化设置。要选择一个包含所有需要的兴趣点信息的区域，并且对用户来说该区域是最小最有用的区域。

不要创建一个尺寸超过可用内容区预的地图对象。地图应该针对当前Apple Watch尺寸适当调整，并且用户无需额外滚动就能看见整个地图。

不要使地图对象的尺寸超过内容可视区域。地图对象的尺寸要匹配Apple Watch的屏幕规格，使用户无需额外滚屏就可以看到整个地图。

使用注释来高亮标注地图上的位置。注释是展示在地图之上的图片，用来标记位置或者调出信息。地图每次展示的注释不能超过5个。

地图对绿色、红色以及紫色三种图钉提供了内置的支持。使用绿色图钉标记起点，使用红色图钉标记目的地，使用紫色图钉标注兴趣点。

你也可以使用自定义图片创建注释。图片的底部边缘指向目标坐标。

----------------------------------------------------------------------------------------------------------------------

日期和计时器

日期与计时器对象是Apple Watch上用来显示与时间相关的值的特定标签(label)。日期标签有如下特性：

日期标签

· 展示日期、时间或者组合使用两者。

· 可使用多种格式、日历以及时区形式来配置展示时间。

· 不需要通过WatchKit 扩展更新。

任何时候当你想要展示当前日期或时间，都可以使用日期对象。

计时器标签

计时器标签特性如下：

· 向指定的时间计时或者从指定时间开始计时。

· 可以配置展示多种形式的计数值。

· 无需通过WatchKit 扩展更新

通常使用一个计时器标签来精确地进行计时或倒计时。

----------------------------------------------------------------------------------------------------------------------

菜单

Apple Watch Retina显示屏上的Force Touch手势可展示当前屏幕的上下文情景菜单。菜单储存了当前屏幕相关的一些操作，无需占用界面上的空间。

菜单可展示1到4个操作。按钮操作按照添加的顺序，从左到右从上到下按序排列展示。菜单不能分层，也不能滚动。你可以在设计或者编程过程中配置菜单操作。

菜单操作仅适用于当前的屏幕。每个屏幕都有各自的菜单，或者根本就没有菜单。某些任务类型并不适合上下文情景菜单，比如仅适用于滚动界面的可视部分，或者只作用于当前选中的项目。

每个操作必须有一个图片和一个标签字符串。菜单图片是应用于标准背景的系统样式。标签字符串必须在1到2行。

菜单是可选的。只有在当前屏幕包括相关操作时才使用上下文情景菜单。当没有菜单展示时，系统就展示相应的动画。

关于创建菜单中图标的内容，请参看：Menu Images

原文地址:http://www.cocoachina.com/design/20141124/10305.html

Apple Watch人机交互指南：UI元素--地图、日期和计时器以及菜单相关推荐

[ISUX转译]iOS7人机界面指南-UI元素(上)
本文转载自:腾讯ISUX (http://isux.tencent.com/ios-human-interface-guidelines-ui-design-ios7-ui-1.html) ----- ...
iOS 9人机界面指南(四)：UI元素
iOS 9人机界面指南(四):UI元素 2016-02-14 11:51 编辑: suiling 分类:产品设计来源:腾讯ISUX 0 31 iOS 9人机界面指南苹果文档 java高级软件 ...
《Windows Phone 7 UI设计及人机交互指南》发布
经过我们几个人的努力,<Windows Phone 7 UI设计及人机交互指南>翻译稿终于在http://www.wpmind.com/上发布啦.这对于国内的Windows Phone开发 ...
ios底部栏设计规范_2016年全新Apple iOS设计规范指南！
原标题:2016年全新Apple iOS设计规范指南! iOS推出很多年,已经升级到iOS9!现在Apple还推出了一款全新的字体苹方(san francisco),3D Touch和iPad分屏多任 ...
苹果人机交互指南_苹果人机界面设计指南的10个见解
苹果人机交互指南重点 (Top highlight) I've been developing an IOS app for the past few months and have been co ...
通过《iOS人机交互指南》的变化看iOS7的设计理念
原文地址:http://www.cocoachina.com/applenews/devnews/2013/1015/7162.html iOS7在界面上最大的变化就是抛弃了苹果使用了多年的拟物化设计 ...
产品设计相关基础_IOS人机交互指南
IOS 9人机交互指南 iOS 9人机界面指南(一):UI设计基础 iOS 9人机界面指南(二):设计策略 iOS 9人机界面指南(三):iOS 技术 (上) iOS 9人机界面指南(三):iOS 技 ...
iPhone X 苹果官方人机交互指南手动翻译
苹果的发布会在昨晚举行,新的iPhoneX具体的分辨率.适配风格大家可能有一些疑惑,下面是摘自苹果人机交互指引页面对iPhoneX的介绍,大家可以先了解一下 iPhone X概览 iPhone X拥有 ...
2016年全新Apple iOS设计规范指南！
原文地址:http://www.360doc.com/content/16/0525/13/33476169_562167037.shtml iOS推出很多年,已经升级到iOS9!现在Apple还推出 ...

Apple Watch人机交互指南：UI元素--地图、日期和计时器以及菜单

Apple Watch人机交互指南：UI元素--地图、日期和计时器以及菜单相关推荐

最新文章

热门文章