IOS开发简介 －02 Storyboard介绍

IOS开发简介 －02 Storyboard介绍

1.storyboard

storyboard，俗称故事板，即我们可以通过故事板构建软件的基础界面，可以通过拖拽的方式往里面添加控件元素，从而形成应用程序的界面，每个故事板都对应由一个控制器来管理

控制器概念:任何继承UIViewController的类都是一个控制器，控制器主要是用来管理UI界面(负责管理UI界面的创建和事件的处理)

通过查看storyboard的custom class可以看到与之关联的控制器

2.main.storyboard和UIViewController连线

UI界面是可以和它与之对应的控制器进行连线的,我们可以通过连线的方式, 让UI界面上的元素和控制器中的代码产生一定的关系

界面中的元素一般和代码中的属性和方法进行关联

默认情况下,UI界面中的元素是不能和方法进行关联的，要想关联UI界面中的元素必须将方法的返回值修改为IBAction

若是关联属性，则属性类型前必须添加IBOutlet

可以在故事板界面点击辅助编辑器或快捷键command + option + 回车，即可打开二分界面(即打开与之关联的控制器代码)如下图



鼠标点击当前控件不放，按住control键将控件往代码中拖拽

控件代码关联



属性关联





方法关联





可以看到关联之后的属性和方法左边有一个实心的小圆圈，若是我们将关联取消，那么这个小圆圈会变成空心

3.IBOutLet和IBAction

IBAction几种连线方式

1.从”控制器”往”Storyboard”连线

2.从”Storyboard”往”控制器”连线

3.直接在”Storyboard”中往”Storyboard”上的界面顶部连线

4.直接在”Storyboard”中往”Storyboard”上的工具条连线

前四种需要先定义IBAction方法

5.不用先定义方法, 直接从”Storyboard”往”控制器”连线

IBAction连线的注意点:

1.在Storyboard中拷贝元素的时候需要注意

1.1拷贝的同时会将以前的连线一起拷贝

1.2一个方法可以很多个控件关联

1.3一个控件可以和很多方法进行连线,在开发中, 一般情况下不会这样写

2.如果将按钮关联的方法删除, 运行之后会报一个经典错误

reason: ‘-[ViewController redBtnClick]: unrecognized selector sent to instance 0x7fb4aa618e50’

3.IBAction只能作为方法的返回值

IBAction == viod

4.默认情况下,iOS系统会将UI界面中触发事件的控件当做参数传递进来

IBOutlet的几种连线方式

1.从”控制器”往”Storyboard”连线

2.从”Storyboard”往”控制器”连线

3.直接在”Storyboard”中往”Storyboard”上的界面顶部连线

4.直接在”Storyboard”中往”Storyboard”上的工具条连线

前四种需先定义IBOutlet属性

5.不用先定义方法, 直接从”Storyboard”往”控制器”连线

注意点:

1.一个控件可以关联多个属性

2.一个属性不可以关联多个控件

3.在进行属性连线的时候, Xcode会自动帮我们进行类型检测, 如果类型不匹配那么不能连线

4.如果将属性和控件连线之后又将属性删除了, 那么只要程序运行就会报一个经典错误

‘[ setValue:forUndefinedKey:]: this class is not key value coding-compliant for the key lable.’

5.注意: 任何UI控件都可以和属性进行连线.但是并不是任何控件都可以和方法连线,只有继承于UIControl的控件才可以连线