AppleWatch开发入门三——代码交互与控制器生命周期

简介:

AppleWatch开发入门三——代码交互与控制器生命周期

一、引言

        在前两篇博客中,讨论了关于watch开发中框架与界面布局相关,然而主要的逻辑,终究还是要通过代码来实现的,在我们创建了项目之后,就会生成InterfaceController这个文件,它就是我们storyBoard中的入口视图控制器。

二、代码交互与控制器声明周期

        storyBoard中的控件我们可以通过拖拽的方式关联到文件中,Action和Outlet两种关联方式基本可以达到我们修改控件和处理业务逻辑的需求。

        WKInterfaceController类似于iOS中的ViewController,是watch中主要用于展示界面的controller,我们的控件也都是基于这个容器中显示。在模板中,系统为我们提供了三个函数,这三个函数体现了watch一个界面的声明周期,如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
     //这个函数在初始化界面时会触发,通过context可以实现界面的传值
     override func awakeWithContext(context: AnyObject?) {
         super .awakeWithContext(context)
     
     }
     //这个函数在界面即将展现时触发 类似于iOS中的ViewWillApear
     override func willActivate() {
         // This method is called when watch view controller is about to be visible to user
         super .willActivate()
     }
     //这个函数在界面消失后触发,类似于iOS中的ViewDidDisAppear
     override func didDeactivate() {
         // This method is called when watch view controller is no longer visible
         super .didDeactivate()
     }

三、watch中的界面跳转与传值

        与iOS类似,watchOS的界面跳转也有两种方式:model和push。同样,我们也可以通过storyBoard或者代码来进行跳转。

1、通过代码跳转与传值

        我们创建两个InterfaceController,界面如下:

171755_SufM_2340880.png

通过代码跳转,我们需要给第二个controller设置一个id标识符:

171930_Lude_2340880.png

在按钮触发的方法中,如下跳转:

?
1
2
3
4
5
  @IBAction func ` switch `(value: Bool) {
          //这里的context是传值的上下文
          //在awakeWithContext方法中会将这个值取到
         pushControllerWithName( "InterfaceControllerTwo" , context:  "我是传的值" )
     }

2、在storyBoard中设置跳转关系

        我们也可以直接在storyBoard中设置界面的跳转,按住control,拖拽按钮到要跳转的controller,会出现push和model菜单,选择后,当我们触发按钮方法时,就会跳转:

172351_njzr_2340880.png

通过这种方式进行的跳转,在执行跳转之前,会执行如下这个函数:

?
1
2
3
override func contextForSegueWithIdentifier(segueIdentifier: String) -> AnyObject? {
         return  "我是值"
     }

这个设置的返回值就是context上下文传递的值。

目录
相关文章
|
6月前
|
数据采集 小程序 定位技术
[笔记]微信小程序开发《三》框架基础:小程序生命周期、全局配置、页面配置。
[笔记]微信小程序开发《三》框架基础:小程序生命周期、全局配置、页面配置。
|
3月前
|
缓存 JavaScript 前端开发
简述一下组件的生命周期
在进行组件化项目开发的时候都会存在一个组件的生命周期概念,像Vue、React、小程序等等,无一例外,而通常情况组件的生命周期主要分成三个阶段,包括:创建、更新以及销毁阶段。
24 0
|
8月前
|
小程序 API
微信小程序-应用程序生命周期方法
官方文档地址:https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html
62 0
|
8月前
|
JavaScript 小程序
UniApp 小程序封装原生组件(使用与交互详细流程)
UniApp 小程序封装原生组件(使用与交互详细流程)
243 0
|
JavaScript 前端开发 API
ReactJS 101:构建可重用组件、管理状态和创建实际应用程序的初学者指南
ReactJS 101:构建可重用组件、管理状态和创建实际应用程序的初学者指南
122 0
|
中间件
基于Gin封装Web框架 - 7. 控制器优化 - 更好用的控制器模式
基于Gin封装Web框架 - 7. 控制器优化 - 更好用的控制器模式
405 0
基于Gin封装Web框架 - 7. 控制器优化 - 更好用的控制器模式
|
XML 小程序 前端开发
微信小程序学习笔记(2) -- 逻辑层事件、常用组件
微信小程序学习笔记(2) -- 逻辑层事件、常用组件
125 0
微信小程序学习笔记(2) -- 逻辑层事件、常用组件
|
前端开发
前端工作小结77-新的封装组件
前端工作小结77-新的封装组件
64 0
前端工作小结77-新的封装组件
|
前端开发
前端工作小结13-第一次组件封装
前端工作小结13-第一次组件封装
59 0
|
前端开发
前端工作小结7-封装组件
前端工作小结7-封装组件
89 0