AppleWatch开发入门五——菜单控件的使用 一、简介 菜单也是WatchOS中一个重要的交互方式,限于Watch的屏幕尺寸,若将所有用户交互控件都紧密的排列进展示的UI中,那样难免会使用户操作困难,也会影响界面布局的简洁美观。因此,WatchOS的菜单机制是一层覆盖在屏幕上的交互界面,有如下的特点:
1、菜单是内置于InterfaceController中的,不需显式处理,只需对齐菜单项进行添加设置。
2、菜单最多可以容乃四个选项按钮。
3、通过重按可以呼出和隐藏菜单。
二、创建菜单的两种方式 1、通过storyBoard创建 在storyBoard中,我们可以将一个菜单控件拖入到interfaceController中:
在Menu中可以添加一些item,每个item都可以设置图片和文字:
图片的设置分为,自定义和系统两种,我们可以使用自己的图片作为菜单的图片,也可以使用系统为我们提供的一些图片,系统的图片参数是一个枚举,值如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 public enum WKMenuItemIcon : Int { case Accept // checkmark case Add // '+' case Block // circle w/ slash case Decline // 'x' case Info // 'i' case Maybe // '?' case More // '...' case Mute // speaker w/ slash case Pause // pause button case Play // play button case Repeat // looping arrows case Resume // circular arrow case Share // share icon case Shuffle // swapped arrows case Speaker // speaker icon case Trash // trash icon }
这些枚举中提供了一些我们常用的功能图标。
菜单按钮的触发方法,我们可以通过拖拽Action的方式来添加,在Xcode7的模拟器中,我们使用command+shift+2可以切换到重按模式,模拟器效果如下:
2、通过代码来添加菜单选项 前面提到过,菜单是内含于InterfaceController中的一个控件,在Interface中我们可以调用一些方法来添加菜单按钮,相关方法如下:
1 2 3 4 5 6 7 //添加一个菜单按钮,图片自定义 public func addMenuItemWithImage(image: UIImage, title: String, action: Selector) public func addMenuItemWithImageNamed(imageName: String, title: String, action: Selector) //添加一个系统图片的按钮 public func addMenuItemWithItemIcon(itemIcon: WKMenuItemIcon, title: String, action: Selector) //清除所有按钮 public func clearAllMenuItems()
示例代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 override func awakeWithContext(context: AnyObject?) { super.awakeWithContext(context) self.addMenuItemWithItemIcon(WKMenuItemIcon.Share, title: "分享", action:Selector("share")) self.addMenuItemWithItemIcon(WKMenuItemIcon.Decline, title: "取消", action: Selector("cancle")) self.addMenuItemWithItemIcon(WKMenuItemIcon.Add, title: "添加", action:Selector("add")) } func share(){ print("分享") } func add(){ print("add") } func cancle(){ }
专注技术,热爱生活,交流技术,也做朋友。
——珲少 QQ群:203317592