UI基础-UI高级 可视化设计

Interface Builder 可视化编程

简称IB,是Mac OS X和iOS平台下用于设计和测试用户界面的

应用程序。

提供了拖放面板,可以将控件拖放到屏幕上。

IB创建.xib文件,包括视图布局,以XML格式存储。

程序运行后,.xib文件中的内容编译为.nib文件(二进制文件), 存储在工程包中。

步骤：

新建工程，创建一个RootViewController如下图：

利用XIB加载根视图控制器

RootViewController *rootVC = [[RootViewController alloc] initWithNibName:@"RootViewController" bundle:[NSBundle mainBundle]];
self.window.rootViewController = rootVC;
[rootVC release];

插座变量

插座变量。用于控制IB中的UI控件。

IBOutlet,外联指针。连接插座变量和IB中的UI控件

设置:选中控件,按住command,向类中拖放,设置变量名。

动作

动作。用于响应UI控件的触发事件。

IBAction。连接方法和IB中的UI控件

设置:选中控件,按住command,向类中拖放,设置方法名。

设置代理

将要设置代理的控件与其所在的视图控制器进行拉线，松开后会弹出菜单，选择代理

Storyboard可视化编辑中的Segue使用方式

Storyboard的创建

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

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

视图添加与控制和IB开发一样。

Segue的使用

Segue关联按钮

利用segue去push视图控制器。

选中按钮,按住command,从按钮向下一级页面连线。按钮不需要添加响应方法。

注:适用于不存在传值的页面切换。

Segue关联两个页面

要给segue设置唯一的标识符

利用segue去push视图控制器的时候,使用视图控制器的实例方法:

- (void)performSegueWithIdentifier:

(NSString *)identifier sender:(id)sender;

概要

(void)prepareForSegue:(UIStoryboardSegue *)segue

sender:(id)sender segue触发之后,下一个页面显示之前执行。

segue包含3个重要的属性:identifier、 sourceViewController、destinationViewController。

通过destinationViewController获取下一个页面对象,实现传值。

拉线跳转 会触发这个方法（一般传值使用）

(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender

但是一个界面可以去往很多界面 并且都可以通过拉线完成 这时候就需要 判断一下要操作的是哪一根连线

需要用segue的identifier属性去判断

属性传值 步骤:

1.给segue（跳转的线）加一个 indentifier（标识）

2.通过标识判断出你要操作的线

3.取出目的地控制器

4.利用目的地控制器传值

添加约束条件：

真谛：每个空间至少添加四条约束条件（跟frame一样 X Y 宽 高） 只可多 不可少

1.首先要确定好一个控件的约束（必须正确）

2.其次 跟手写frame一样 需要 依据上一个控件的约束 来添加下一个控件的约束

3.最后 添加完成后 看一下 有没有报红（少约束条件）报黄（需要更新一下约束或者frame）然后查看各屏幕下的视图布局是否正确

戒骄戒躁

删除属性步骤：

1.删除代码

2.删除属性连线

3.把自动生成的dealloc 删除