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 删除