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[0];
    
    // 设置头像
    UIButton *icon = (UIButton *)[view viewWithTag:1];
    int index = arc4random_uniform(9);
    NSString *iconName  = [NSString stringWithFormat:@"01%d.png",index];
    [icon setImage:[UIImage imageNamed:iconName] forState:UIControlStateNormal];
    
    // 设置姓名
    UILabel *lab = (UILabel *)[view viewWithTag:3];
    int nameIndex = arc4random_uniform(4);
    lab.text =_allNames[nameIndex];
    
    // 监听删除按钮
    UIButton *del = (UIButton *) [view viewWithTag:2];
    [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][0];
    // 设置头像
    UIButton *icon = (UIButton *)[child viewWithTag:1];
    [icon setImage:[UIImage imageNamed:iconName] forState:UIControlStateNormal];
  
    // 设置标签
    UILabel *lab = (UILabel *)[child viewWithTag:2];
    lab.text = name;
    
    return child;

}

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

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

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

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

    return rowView;
}

源代码：

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