UI_Interface Builder可视化编程
Interface Builder可视化编程
storyboard的使用
storyboard可视化编辑中的segue使用方式
storyboard可视化编辑中的自定义单元格
storyboard可视化编辑中的自适应布局 (Auto Layout)
interface builder 可视化编程
什么是interface builder？
- 简称IB，是Mac OSX和iOS平台下用于设计和测试用户界面的应用程序
- 提供了拖放面板，可以将控件拖放到屏幕上
.xib 和 .nib
- IB创建.xib文件，包括视局布图，以XML格式存储。
- 程序运行后，.xib文件中的内容编译为.nib文件(二进制文件)，存储在工具包中
创建视图控制器
- - (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
- nibNameOrNil是.xib文件的名字。注：nibNameOrNil如果填nil，默认找与类同名的.xib文件(LoginViewController.xib LoginView.xib)
- 可以直接使用init方法，默认找相关的.xib文件
插座变量
- 插座变量。用于控制IB中的UI控件
- IBOutlet，外联指针 。连接插座变量和IB中的UI控件
- 设置：选中控件，按住control，向类中拖放，设置变量
- 动作：用于响应UI控件的触发事件
- IBAction：连接 方法和IB中的UI控件
- 设置：选中控件，按住control，向类中拖放，设置方法名
- 设置代理，选中控件，拖到file's Owner上，添加代理
StoryBoard的使用
storyBoard的注意事项
- 在AppDelegate的-application: didFinishLaunchingWithOptions:⽅方法中不要再⽤用代码初始化 ⼀个window
- 利将创建好的Storyboard在应⽤用程序配置General中设置为 Main Interface
- 视图添加与控制和IB开发⼀样。
StoryBoard创建视图控制器
- controller可以设置标识，通过标识从storyBoard创建视图控制器对象
- UIStoryBoard，storyboard对象。视图控制器有属性storyboard。也可以通过文件名创建对应的storyboard文件对象
- [self.storyboard instantiateViewControllerWithIdentifier:**]
Segue的使用
segue关联按钮
- 利用segue去push视图控制器
- 选中按钮，按住control，从按钮向下一级页面连线。按钮不需要添加响应方法。
- 注：用于不存在传值的页面切换
segue关联两个页面
- 要给segue设置唯一的标识符
- 利用segue去push视图控制器的时候，使用视图控制器的实例方法
- - (void)performSegueWithIdentifier:(NSString *)identifier sender:(id)sender;
Segue实现传值
- - (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
- segue触发之后，下一个页面显示之前执行。
- segue包含3个重要属性：identifier、sourceViewController、destinationViewController
- 通过destinationViewController获取下一个页面对象。实现传值
自定义单元格
- 单元格指的是UITableView中的cell
- 在storyboard中，可以直接在tableView上添加prototype cells
- 可以在prototype cells中的单元格中添加自定义子视图
自定义单元格的注意事项
- 选中prototype cells中的单元格后在Xcode工具的右边的检查器工具修改单元的标示符，注意标示符要与该表格视图的其他单元格区分
- 如果有自定义单元格类的话，并且在自定义单元格类中添加了IB修饰符修饰的属性和方法，需要在storyboard的单元格检查器中的custom class修改为自定义的类
自动布局
配置自动布局的方式
- 在storyboard中进行配置，添加约束
- 约束：视图布局的规则
- 利用约束可以指示：视图在同一水平行上对齐、调整视图大小匹配其他视图
浙公网安备 33010602011771号