AppleWatch OSiOS Developer

WatchKit导航(分页&分层)

2015-09-02  本文已影响143人  X先生_vip

WatchKit中导航样式分为两种:分页样式(Page-based)分层样式(hierarchical),他们两种样式是互斥的,所以在应用中只能使用一种!

一、分页样式 适合包含简书数据的应用,每一页的数据不直接关联其他页面的数据,它的创建顺序等于显示顺序

分页样式
实例:
1、创建一个项目,现在storyboard中只有一个InterfaceController,我们再拖拽两个,将它们的背景色分别设置成 红色、绿色、蓝色。标题为page1,page2,page3。 Paste_Image.png

2、选择第一个InterfaceController,按住control键和鼠标左键 连线到第二个InterfaceController,会弹出一个提示框,选择 next page

Paste_Image.png

连线之后的样子:

Paste_Image.png

然后,同样的操作,将page2 和 page3 进行连线,

Paste_Image.png

3.现在运行一下,效果如图。

Paste_Image.png

通过左右滑动就可以进行页面切换了!

常用方法:
1、改变页面的顺序
+ (void)reloadRootControllersWithNames:(NSArray *)names contexts:(NSArray *)contexts;
2、改变最初显示的页面
- (void)becomeCurrentPage;

二、分层样式 适合分层信息的应用程序,在storyboard中 通过button、group、table row进行跳转(和iOS中的push 、modal 一样的)

实例:
(先将分页样式的连线都删掉)
1、在page1中放入两个button,分别为push和modal

Paste_Image.png

2、将push按钮连线到page2,选择push。modal按钮连线到page3,选择modal

Paste_Image.png

运行一下试试吧!

常用方法:

上一篇 下一篇

猜你喜欢

热点阅读