IOS开发学习笔记025-xib和storyboard

stotyboard : 描述软件界面，大范围，比较适合整个软件的所有界面

xib文件的使用：描述软件界面，小范围，比较适合描述小界面

在xcode新建文件窗口可以看到两个文件，storyboard和empty

可以在xib文件中直接添加各种控件，并设置相关的属性。

xib文件的使用，加载文件使用NSBundle

 // 创建一行,从xib中加载一行
 - (UIView *)createRowView
 {
     // 加载xib文件,并且创建里面的所有对象，并按顺序保存到数组中
     NSArray *allViews = [[NSBundle mainBundle] loadNibNamed:@"Empty" owner:nil options:nil];
     //NSLog(@"%ld",allViews.count);

     // 取出红色的view进行
     UIView *view = allViews[];

     // 设置头像
     UIButton *icon = (UIButton *)[view viewWithTag:];
     int index = arc4random_uniform();
     NSString *iconName  = [NSString stringWithFormat:@"01%d.png",index];
     [icon setImage:[UIImage imageNamed:iconName] forState:UIControlStateNormal];

     // 设置姓名
     UILabel *lab = (UILabel *)[view viewWithTag:];
     int nameIndex = arc4random_uniform();
     lab.text =_allNames[nameIndex];

     // 监听删除按钮
     UIButton *del = (UIButton *) [view viewWithTag:];
     [del addTarget:self action:@selector(deleteClick:) forControlEvents:UIControlEventTouchUpInside];

     return view;
 }

如果想要在界面上实现连线响应事件，需要改变xib的File's ower 的Custom Class 为要连线的类

然后在loadNibNamed:@"empty" ower:self option:nil

其中self就是要连线的类或对象

File's ower

1、在xib文件中设置File's ower的class属性，目的是在xib文件中能找到owner的方法

2、建立File's owner 跟控件之间的联系

3、利用代码加载xib文件，传递owner参数（类型一定要匹配）

xib的封装实现

添加一个RowView类将rowView的操作封装起来

然后添加一个类方法返回初始化后的对象

然后实现方法如下

 + (UIView *)rowViewWithIcon:(NSString *)iconName andName:(NSString *)name
 {
     // 获得xib文件中得对象
     UIView *child = [[NSBundle mainBundle] loadNibNamed:@"RowView" owner:self options:nil][];
     // 设置头像
     UIButton *icon = (UIButton *)[child viewWithTag:];
     [icon setImage:[UIImage imageNamed:iconName] forState:UIControlStateNormal];

     // 设置标签
     UILabel *lab = (UILabel *)[child viewWithTag:];
     lab.text = name;

     return child;

 }

这样写的话对按钮的响应有两种方式

第一种是改变xib文件的class为按钮响应方法的类，然后通过连线方式响应

第二种是通过代码直接绑定事件，要注意

 // 通过xib创建一行
 - (UIView *)createRowView
 {
     // 返回view对象
     NSString *iconName = [NSString stringWithFormat:@"01%d.png",arc4random_uniform()];
     UIView *rowView = [RowView rowViewWithIcon:iconName andName:_allNames[arc4random_uniform()]];
     // 设置头像
     UIButton *icon = (UIButton *)[rowView viewWithTag:];
     // 头像按钮监听事件
     [icon addTarget:self action:@selector(iconClick:) forControlEvents:UIControlEventTouchUpInside];

     // 设置删除按钮监听事件
     UIButton *delBtn = (UIButton *)[rowView viewWithTag:];
     // 添加删除按钮监听事件
     [delBtn addTarget:self action:@selector(deleteClick:) forControlEvents:UIControlEventTouchUpInside];

     return rowView;
 }

源代码：

链接: http://pan.baidu.com/s/1kT3lFfh 密码: 927c