Mac开发之 Cocoa 绑定 入门

图片来自网络

从iOS开发转为Mac OSX应用开发的过程中,cocoa 绑定算是比较大的一个差异,也是OSX上比较实用的技术,cocoa 绑定让开发者节省了大量的代码,可以快速的完成一个应用开发.本文将从三个方面为新入门Mac OSX开发的朋友来介绍cocoa绑定,希望大家能灵活的应用到自己的实际工程中.好了,一起动手来学习Cocoa 绑定吧~

1. 什么是绑定?

简单的说,绑定就是建立视图与数据对象之间的联系,是一种通过数据对象来直接(这个是重点)驱动视图显示内容的方式.使用cocoa 绑定意味着使用更少的代码来实现同样的功能(这个在后面的示例中会具体说明).

2.为什么使用绑定?

在日常开发中,我们为了项目代码更易于维护,会将程序代码划分为独立模块或封装类,其中最基础的就是使用模型(M)-视图(V)-控制器(C)进行协调工作.然而,在某些情况下,编写相互分离的模型-视图-控制器完全没有必要,特别是当控制器仅仅是在模型与视图之间传递信息时(比如一个UILabel需要显示文本来自数据模型的内容),为了解决这种情况,苹果公司在OSX中引入了Cocoa绑定.

绑定只能在OSX上使用!!!

3.绑定简单使用方式

3.1 视图(View)绑定到模型(Model)

将视图绑定到模型对象,就是告诉视图需要显示的内容来自哪里(通常是数据模型对象的某个属性),以及什么时候更新显示内容.当数据模型的某一属性的值发生改变时,绑定系统就会通知每个绑定到它的视图,告诉它们更新显示.

例如,假设我们有一个Person对象,它有一个name属性,如果将一个Label绑定到Person对象的name属性上,那么它们两个(Person和Label)将会被链接在一起,name属性的值是什么,Label就会显示什么.

绑定也可以反向工作.比如有一个可编辑的控件,当用户修改内容时,绑定系统会用新内容更新数据模型的对应属性值.

可以将视图的许多不同属性绑定到某一(或多个)模型的属性上.能够绑定的具体视图属性会因视图不同而不同.

好了,基础概念就先介绍到这里,我们先通过一个简单的示例来具体了解绑定操作~

(1) 新建一个Cocoa应用程序,(示例开发语言使用Swift)

新建Cocoa应用

(2) 添加一个Person类,并添加一个 score属性,初始值为0

添加Person类,并初始化score属性为0

(3)选中Main.storyboard,添加界面组件

拖入一个Label,放在视图的右侧,然后再拖入一个slider,把它放在Label的左侧,完成后,界面应用类似与下图:

添加组件

(4)给ViewController添加一个属性(Person类型)

给ViewController添加一个son属性

(5)设置绑定,我们要让Label显示的内容是son属性的score值

在Main.storyboard中选中Label,然后在选中Bindings Inspector标签,点击Values,勾选Bingd to为ViewController,并设置Model key Path为son.score. 这样就可以告诉绑定系统,Label的显示内容来自于ViewController中的son属性的score值,也就是我们说的Label与son进行了绑定(准确的说,就是Label的Values属性与son的score属性值进行了绑定,这样当score数值发生变化的时候,绑定系统就会通知Label更新Values的内容)

设置Label绑定

(6) 绑定Slider到控制器的son属性的score值

设置Slider绑定

运行一下应用,并在窗口中拖动slider,看看label的变化,你会发现,只有结束拖动slider的时候,Label的内容才发生变化,如果需要实时显示拖动slider的变化,我们仅需要设置一下slider控件的continuous属性即可.

(7) 设置持续更新

设置slider的continuous

我们发现应用启动时Label的显示内容为0,我们尝试通过改变son的score值来看看结果,选择ViewController,在ViewDidLoad中,添加代码

(8)ViewController添加代码

设置socre的初始值

运行一下,你会发现并没有预想的结果,如果你使用Objective-C来构建工程,就会发现运行的效果正确,这是因为Swift中默认是关闭了KVO的属性监听,我们只需要开启就可以了,在Person类中,给score属性前面,添加一个关键字dynamic,然后再来试试运行吧

(9)设置Swift中的KVO

开启KVO

(10) 通过改变score的值来影响Label和Slider

实际项目中,更常用的方式是score值变化,更新label和slider它们的显示.下面我们通过点击鼠标来修改一下son的socre值,在ViewController中,添加下面的代码后看看结果吧.

添加代码

当son的score值发生变化时,Label和Slider会同时更新它们的显示.我们没有在视图和数据直接添加任何数据传递的代码,就完成了它们之间的相互联系,由此可见,cocoa绑定为我们节省了代码量,简化了开发步骤,同时也减少了Bug的可能.

3.2 绑定到控制器

在刚刚的例子中,我们将视图直接绑定在模型对象的属性上,跳过了控制器,这种情况对应简单的使用没有问题,但绑定还有更多的使用方式,也许你在签名的例子中已经注意到了,在设置Bind to的时候,系统默认的是Share User Default Controller,类似下图:

系统默认绑定对象

NSUserDefaults 是一个数据存储系统,我们不能直接向它进行绑定操作,因为它的内容不支持KVO(cocoa 绑定需要依赖KVO这一方式),因此苹果提供了一个对象,可以让我们在绑定中使用NSUserDefaults的信息,这个对象就是NSUserDefaultsController,因为它是很常见的一个控件,你甚至不需要创建就能开始使用,只需将控件绑定到默认系统,就能让它出现在Interface Bulider里,它提供了一些机制用于将视图绑定到存储在NSUserDefaults中的默认系统,下面我们通过一个简单的例子来看看如何使用NSUserDefaultsController吧,let's do it~

(1)新建一个cocoa 应用,并添加一个复选框,用于存储用户设置;添加一个slider,用于验证设置是否生效,界面的视图大概类似下面的样子:

添加UI控件

(2)设置复选框的绑定,对复选框的Valus属性进行绑定操作

绑定复选框的Value到默认系统

(3)设置slider的绑定(设置slider控件的enable属性绑定),大体如下图:

绑定slider的Enabled到默认系统

启动应用,改变复选框的状态时,注意滑块的启用或禁用状态,然后退出应用并重新启动,注意观察复选框,它已经记住了用户的上一次操作状态.

通过cocoa 绑定,我们没有写一行代码就实现了记录用户设置的功能~

cocoa中还为我们提供了其他的控制器对象来处理应用程序中的数据访问,比如NSArrayController,可以处理一组数据集合,(它常常与tableView或collectionView结合使用),NSObjectController可以充当单个对象的控制器,对象发生变化时,界面刷新.

cocoa还可以针对事件进行绑定,这使得我们的应用可以变得更加灵活,关于cocoa的更多绑定使用,大家可以查看苹果的官方文档,进一步了解,如果本文能起到抛砖引玉的作用,那实在已经是笔者的荣誉了,感谢各位阅读,并欢迎各位指正文中不足的地方~ 

4. 参考资料

官方资料: Cocoa Bindings Programming Topics

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏快乐八哥

Windows8异步编程的注意事项

Windows8 App开发中涉及到下载数据和上传数据。针对小的数据使用的是WinJS.xhr(),而针对大的文件,不方便使用post方式直接上传的文件都使用B...

20810
来自专栏张戈的专栏

原创插件:WordPress博客友好对话框+文章随机推荐滚动条插件(附代码版)

双 11 光棍节,我在博客发布了一篇给博客部署一个友好对话框的教程,用了几天感觉非常不错!就进一步折腾了一下,目前这个 js 已实现以下多种功能: 一、功能描述...

47712
来自专栏macOS 开发学习

一步一步,开始上手Mac 开发(一)

通过本文,你可以创建你的第一个Mac Application,编译并指定版本号,而且经过练习,你应该掌握:

2003
来自专栏向治洪

Vue.js简介

Vue.js简介 Vue.js(读音 /vjuː/, 类似于view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设...

2927
来自专栏漫漫前端路

vue-cli 3.0 下发布一个 TypeScript 组件

vue-cli 3.0 提供了一系列功能,包括对 Babel, TypeScript, ESlint, PWA 等开箱即用的支持,同时,它也提供了一个 CLI ...

1612
来自专栏石奈子的Java之路

原 Intellij idea2017编辑

3356
来自专栏重庆的技术分享区

Vim定制化简介

Vim是几乎所有Unix系统中都会存在的少数文本编辑器之一。虽然最初的学习曲线是不可避免的,但Vim的目标是成为一个高效的文本编辑器,并提供一个根据用户喜好可配...

1252
来自专栏有趣的Python和你

人生若只如初见,何必找包爬数据SeleniumPhantomJS豆瓣登陆

1194
来自专栏葡萄城控件技术团队

一个Web页面的问题分析

几个月之前我接到一个新的开发任务,要在一个旧的Web页面上面增添一些新的功能。在开发的过程中发现旧的代码中有很多常见的不合适的写法,结合这些问题,如何写出更好的...

2009
来自专栏小尘哥的专栏

thymeleaf中使用layui

头部引入css,尾部引入js,定义两个模板(一个也可以,里面的碎片分开写,我喜欢写两个分别引入),注意th:fragment,fragment即碎片,可以在模板...

5986

扫码关注云+社区

领取腾讯云代金券