ios如何使用xib自定义单元格

 故事板是一个好用的东西,可以节省很多时间,并且可直观看到效果,所以当页面构造复杂时有必要使用故事板来自定义单元格.

一.创建步骤;
1.创建一个类自带xib文件,(也可以自己不带xib,不过xib文件名最好和类名相同,再进行关联即可)
2.绘制控件在单元格上,当控件需要显示不同的数据时必须要连接cell单元格,如下图:

注意:xib文件的file’s owner 一定要关联,这里关联的是 LiveCell类.
如果使用plist文件的单元格上的控件需要显示不同数据是一定要连接那个cell类.
3.下面看一段代码:

#import "LiveCell.h"

@interface LiveCell()

@property (weak, nonatomic) IBOutlet UIImageView *postImageView;

@property (weak, nonatomic) IBOutlet UILabel *titleLabel;

@property (weak, nonatomic) IBOutlet UILabel *fansLabel;

@property (weak, nonatomic) IBOutlet UILabel *likeLabel;

@end

@implementation LiveCell

- (void)awakeFromNib {

    self.titleLabel.font = [UIFont systemFontOfSize:17];

}

- (void) setDic:(NSDictionary *)dic {
    _dic = dic;

    //2.给子视图赋值
    self.postImageView.image = [UIImage imageNamed:_dic[@"image"]];

    self.titleLabel.text = _dic[@"title"];

     self.fansLabel.text = [NSString stringWithFormat:@"%d",[_dic[@"number"] intValue]];
    self.likeLabel.text = _dic[@"favorite"];
}

- (void)setSelected:(BOOL)selected animated:(BOOL)animated {
    [super setSelected:selected animated:animated];

    // Configure the view for the selected state
}
@end

如何加载xib文件,请见以下代码:

//
//  LiveViewController.m
//  ALi_Music2
//
//  Created by mac on 16/7/16.
//  Copyright © 2016年 huang. All rights reserved.
//

#import "LiveViewController.h"
#import "LiveCell.h"
#import "ReuseLoopView.h"

//1085 × 602
#define kScreenWidth [UIScreen mainScreen].bounds.size.width
#define kScreenHeight [UIScreen mainScreen].bounds.size.height

#define CellHeight (kScreenWidth / 1086 * 602)

@interface LiveViewController ()<UITableViewDataSource,UITableViewDelegate>

@property(nonatomic,strong) NSArray *data;
@property(nonatomic,strong) UITableView *tableView;

@end

@implementation LiveViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    //设置背景图片
    self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"view-background.jpg"]];;
    //1.读取表视图的数据源
    [self loadData];
    //2. 初始化表视图
    _tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, kScreenHeight-49) style:UITableViewStylePlain];

    //实现数据源和代理
    _tableView.dataSource = self;
    _tableView.delegate =self;

    //行高
    _tableView.rowHeight = CellHeight;
    //定义一个imageArray
    NSArray *imageArray = @[@"01",@"02",@"03",@"04",@"05"];
    //自定义一个头部视图
    ReuseLoopView *reuseLoopView = [[ReuseLoopView alloc] initWithFrame:CGRectMake(0, 0, 400, 260)];
    //图片数组
    reuseLoopView.dataArray = imageArray;
    //添加头部视图
    _tableView.tableHeaderView =reuseLoopView;
    //使用表视图注册单元格
    [_tableView registerNib:[UINib nibWithNibName:@"LiveCell" bundle:nil] forCellReuseIdentifier:@"LiveCell"];

    [self.view addSubview:_tableView];
}

#pragma mark - 读取表视图数据源
- (void) loadData {
    NSString *filePath = [[NSBundle mainBundle] pathForResource:@"Lives.plist" ofType:nil];
    _data = [NSArray arrayWithContentsOfFile:filePath];

}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return _data.count;
}


- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    LiveCell *cell = [tableView dequeueReusableCellWithIdentifier:@"LiveCell"];
    cell.selectionStyle = UITableViewCellSelectionStyleNone;
    cell.dic = _data[indexPath.row]; 
    return cell;
}
@end

运行效果: