iOS_UI_13_可视化xib

第十三章 可视化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：删掉所有的约束