WatchKit导航(分页&分层)

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

运行一下试试吧!

常用方法:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 引 在iOS的开发过程中,不可避免的要设计界面,在android中有xml设置界面和直接使用java代码设置界面控...
    Cloudox_阅读 2,972评论 0 4
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,432评论 25 708
  • 海风吹过脸颊,落下几片深秋的黄叶。看似一望无际的大海是否就能阻䣓一切?人生是否也会有这样的海洋,阻䣓了一切希望?有...
    九点半月光阅读 583评论 9 12
  • 今天和好友有一句没一句地闲扯,聊恼人的工作,聊想去的地方,说桂林、说丽江,便思绪飘然了。 人熙熙攘攘地来到这世上,...
    湖水漪阅读 222评论 5 4
  • 晚上睡前10分钟。女儿从房间出来,坐在桌边哭了。她爸爸马上开始不耐烦,说“这么晚了,怎么还哭呢!” 我冲他摆摆手,...
    走着走着路上口渴了阅读 291评论 0 0