UI学习笔记---第十三天可视化设计 XIB, StoryBoard

时间:2022-05-20 20:46:03

一.XIB

Xib是一种苹果提供的快速构建界面的编程方式,主要是为了简化MVC中的V的构建

Xib提供可视化的编辑界面,能大大提升页面布局效率

Xib常用操作

为控件关联事件

为空间指定delegate

为控件关联实例变量或者属性

二.StoryBoard的使用

UI学习笔记---第十三天可视化设计  XIB, StoryBoard

StoryBoard的注意事项

在AppDelegate的-application: didFinishLaunchingWithOptions: 的方法中不要再用代码初始化一个window

将创建好的StoryBoard在应用程序配置General中设置为Main Interface

三.Segue的使用

使用Seguede 注意事项

要给Segue设置唯一的标识符

利用Segue去push视图控制器的时候,使用视图控制器的实例方法:- (void)performSegueWithIdentifier:(NSString *)identifier sender:(id)sender;

UI学习笔记---第十三天可视化设计  XIB, StoryBoard

四.自定义单元格

单元格值得是UITableView的cell

在Storyboard中,可以直接在TableView上添加Prototype cells

可以在Prototype cells中的单元格中添加自定义子视图

UI学习笔记---第十三天可视化设计  XIB, StoryBoard

自定义单元格的注意事项

修改单元格的类型   添加重用标识符     为自定义控件关联属性

五.自动布局

在Storyboard中选择空间,通过菜单栏选项进行配置

代码配置自动布局

菜单栏配置:  选中控件--菜单栏Editor -pin

UI学习笔记---第十三天可视化设计  XIB, StoryBoard

代码配置自动布局

利⽤view⾃己的- (void)addConstraint:(NSLayoutConstraint*)constraint和- (void)addConstraints:(NSArray *)constraints方法

使⽤Visual Format Language 可视格式语⾔(VFL)

用XIB把昨天做的WebViewdemo重写一遍XibUIWebView.zip