AppleWatch开发入门(5)——Menu的使用

本文章是一个系列,如果有兴趣可以看看以下文章:
AppleWatch开发入门(1)——界面布局
AppleWatch开发入门(2)——代码交互、控制器生命周期、界面跳转
AppleWatch开发入门(3)——Table视图的应用
AppleWatch开发入门(4)——Picker视图的应用
AppleWatch开发入门(6)——watchOS中通知的应用
AppleWatch开发入门(7)——AlertController
AppleWatch开发入门(8)——动画

一、简介

菜单也是WatchOS中一个重要的交互方式,限于Watch的屏幕尺寸,若将所有用户交互控件都紧密的排列进展示的UI中,那样难免会使用户操作困难,也会影响界面布局的简洁美观。因此,WatchOS的菜单机制是一层覆盖在屏幕上的交互界面,有如下的特点:
1、菜单是内置于InterfaceController中的,不需显式处理,只需对齐菜单项进行添加设置。
2、菜单最多可以容乃4个选项按钮。
3、通过重按可以呼出和隐藏菜单。

二、创建菜单的方式

1、通过storyBoard创建
在storyBoard中,我们可以将一个菜单控件拖入到interfaceController中:


AppleWatch开发入门(5)——Menu的使用_第1张图片

在Menu中可以添加一些item,每个item都可以设置图片和文字:

图片的设置分为,自定义和系统两种,我们可以使用自己的图片作为菜单的图片,也可以使用系统为我们提供的一些图片,系统的图片参数是一个枚举:


AppleWatch开发入门(5)——Menu的使用_第2张图片

这些枚举中提供了一些我们常用的功能图标。
菜单按钮的触发方法,我们可以通过拖拽Action的方式来添加,在Xcode7的模拟器中,我们使用command+shift+2可以切换到重按模式,模拟器效果如下:


AppleWatch开发入门(5)——Menu的使用_第3张图片

注意
想要换出这个界面需要重按,本人找了好多资料才知道。如何重按?如下图:

AppleWatch开发入门(5)——Menu的使用_第4张图片

需要先选中这个选项,然后再点击。如果不需要重按,比如已经切换到别的界面,记得选中 Shallow Press,不然你的界面点击都没效果了。

你可能感兴趣的:(AppleWatch开发入门(5)——Menu的使用)