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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,245评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,749评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,960评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,575评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,668评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,670评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,664评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,422评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,864评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,178评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,340评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,015评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,646评论 3 323
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,265评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,494评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,261评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,206评论 2 352

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,647评论 18 139
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,089评论 4 62
  • 天很蓝, 云很淡, 风很轻, 你很美, 还好吗, 我还好, 有一种相见很轻。
    三毛不想再流浪阅读 203评论 0 0
  • 目录:1、UIAlertControllerStyleAlert使用简介2、UIAlertControllerSt...
    PZcoder阅读 667评论 0 0
  • 想到最喜欢的书的时候,脑海里有一丝纠结,是《三体》,还是《平凡的世界》?然后就想到了《红楼梦》,没错,只有《红楼梦...
    qwemb阅读 1,749评论 3 10