第十三章 可视化xib
一、Interface Builder 可视化编程
1.GUI:图形用户界面(Graphical User Interface,简称GUI,又称图形用户接口)是指采用图形方式显示的计算机操作用户界面
2.Interface Builder (简称IB):是Mac OS X 平台下用于设计和测试图形用户界面(GUI)的应用程序。代码和IB都可以生成GUI。
3.优势:IB能够使开发者简单快捷的开发出符合Mac系列操作系统的GUI。通常你只需要通过简单的拖拽操作来构建GUI就可以了。IB使用Nib文件存储GUI资源,在需要的时候,Nib文件可以被快速的载入内存
4.iOS下可视化编程分为两种方式:xib和storyBoard
5.在使用xib和storyboard创建GUI过程中,以XML文件格式存储在Xcode中,编译时生成nib的二进制文件。在运行时,nib文件被加载并且开始创建和实例化GUI元素。
6.Xib 的创建,点选Also create XIB file
7.视图控制器独有的初始化方法
- (instancetype)initWithNibName:(NSString*)nibNameOrNil bundle:(NSBundle*)nibBundleOrNil
参数解释:
nibNameOrNil:当前控制器相关联的nib文件,如果写nil默认为同名文件
nibBundleOrNil:当前应用程序包所在文件,如果写nil默认为mainBundle
在我们使用init初始化(或者new直接创建)控制器的时候,会自动执行控制器的此方法,参数均已默认值执行,所以可以不写
8.在可视化编程中,功能部分仍然需要依赖于代码,所以我们需要将控件和代码相关联起来
9.插座变量:用于控制IB中的UI控件
IBOutlet:外联指针,连接插座变量和IB中的UI控件
设置:选中控件,按住control,向接口部分拖拽
1.Connection拖拽以后创建的类型(属性、方法、集合属性)。
2.Object:绑定的对象
3.Name:方法名或者属性名字
4.Type:控件类型
5.Storage:控件的内存修饰参数
10.事件关联:
1.动作,用于响应UI控件的触发事件
IBAction,连接方法和IB中的UI控件
2.设置,选中控件,按住control,向原类接口部分或者实现部分中拖拽,设置响应方法
1.Name:方法名
2.Type:方法中的参数类型
3.Event:触发方法的方式
4.Arguments:方法中携带的什么样的参数
11.代理设置
1.File’s owner:文件的拥有者,即视图控制器
2.设置:右键单击控件,连接代理变量和File’s owner
3.注意:在拖拽的时候必须拖拽到File’ owner里面
12.Stack
1.UIStackView,可以管理多个视图。一次性为多个视图进行约束设置
2.Axis:子视图排布方向
3.Alignment:子视图对齐方式
4.Distribution:分布方式。(调整StackView的大小,切换选项观察)
5.Space:子视图的最小间距
6.备注:选中多个排列的视图,勾选Stack即可进入编辑StackView选项卡
13.Align:设置视图的对齐方式
Pin:设置视图的尺寸相关属性
Resolve Auto Layout lssues:解决自动布局的问题
1.Selected Views:选中的View,不包含子视图。
2.All Views in View:选中的View,包含子视图
3.Update Frames:更新位置信息
4.Update Constrains:更新约束信息
5.Add Missing Constrains:忽略约束不足的错误
6.Reset to Suggested Constrains:重置被建议的约束
7.Clear Constrains:删掉所有的约束
网友评论