通过xib自定义cell

一、新建xib描述cell的样子—SystemStatusCell.xib

File—new file—ios—user interface—Empty，命名为SystemStatusCell.xib；

修改xib文件中cell的类名为SystemStatusCell，如图上红框标出的地方所示；

二、封装这个cell

File—new file—ios—source—Cocoa Touch Class，其class命名为SystemStatusCell，继承于（subclass of）UITableViewCell;
就会多出两个文件SystemStatusCell.h和SystemStatusCell.m；

三、将xib中所有子控件封装在cell内部

方法1、给所有子控件绑定一个tag；
方法2、连线；
重点讲这个方法2，
（1）先分别打开两个文件：SystemStatusCell.xib文件和SystemStatusCell.h文件：

（2）如图所示，我已经连线好了，只是演示怎么做的，按住ctrl键，鼠标左键点击icon View，拖到右边文件空白行，如图操作：

（3）然后会出现这样的框框，输入相关属性值：

（4）其他两个控件同上；

四、新建模型SystemStatus，封装数据

File—new file—ios—user interface—Empty，命名为SystemStatus，继承于NSOnject，多出两个文件：SystemStatus.h和SystemStatus.m;

////  SystemStatus.h//  模型类，不用字典plist开发//  DATAEYE////  Created by SmartEnergy on 16/9/26.//  Copyright © 2016年 SmartEnergy. All rights reserved.//#import <Foundation/Foundation.h>@interface SystemStatus : NSObject@property (copy, nonatomic) NSString *icon; // 图片@property (copy, nonatomic) NSString *title; // 标题@property (assign, nonatomic) double number; // 数量，double类型用assign- (id)initWithDict:(NSDictionary *)dict;+ (id)SystemStatusWithDict:(NSDictionary *)dict;@end

五、 给SystemStatusCell增加模型属性

子控件的显示什么数据取决于模型里的每一个属性，
就是加粗地方的代码：

////  SystemStatusCell.h//  一个类，封装了cell//  DATAEYE////  Created by SmartEnergy on 16/9/26.//  Copyright © 2016年 SmartEnergy. All rights reserved.//#import <UIKit/UIKit.h>@class SystemStatus; // 传SystemStatus模型@interface SystemStatusCell : UITableViewCell// cell通过连线的方法访问内部的子控件@property (weak, nonatomic) IBOutlet UILabel *titleLabel;@property (weak, nonatomic) IBOutlet UILabel *numberLabel;@property (weak, nonatomic) IBOutlet UIImageView *iconView;**@property (strong, nonatomic) SystemStatus *systemStatus;// 系统状态模型数据,对象要用strong**+ (id)systemStatusCell;+ (NSString *)ID;@end

六、 重写set方法，在这个方法中，根据模型数据设置cell内部子控件的属性

////  SystemStatusCell.m//  DATAEYE////  Created by SmartEnergy on 16/9/26.//  Copyright © 2016年 SmartEnergy. All rights reserved.//#import "SystemStatusCell.h"#import "SystemStatus.h"@implementation SystemStatusCell**+ (id)systemStatusCell {    return [[NSBundle mainBundle] loadNibNamed:@"SystemStatusCell" owner:nil options:nil][0];}**// 重写set方法，set模型，根据模型属性设置内部子控件的属性- (void)setSystemStatus:(SystemStatus *)systemStatus {    **// 给成员变量赋值    _systemStatus = systemStatus;    // 1.标题    _titleLabel.text = systemStatus.title;    // 2.数据    _numberLabel.text = [NSString stringWithFormat:@"数据：%f",systemStatus.number];    // 3.图片    _iconView.image = [UIImage imageNamed:systemStatus.icon];**}+ (NSString *)ID {    return @"Cell";// 控制器拿到的标识是通过viewcontroller中的cellForRowAtIndexPath传过来的}@end

七、 提供一个类方法，返回从xib中创建好的cell对象

即步骤六中的代码，我再写一遍，哈哈哈：

+ (id)systemStatusCell {    return [[NSBundle mainBundle] loadNibNamed:@"SystemStatusCell" owner:nil options:nil][0];}

八、 给xib中的cell添加一个重用标识（比如：Cell），提供一个类方法，返回重用标识

+ (NSString *)ID {    return @"Cell";// 控制器拿到的标识是通过viewcontroller中的cellForRowAtIndexPath传过来的}

从哪里读取数据，是控制器要做的事情；
cell只管显示数据；

////  SystemStatusViewController.m//  DATAEYE////  Created by SmartEnergy on 16/9/26.//  Copyright © 2016年 SmartEnergy. All rights reserved.//#import "SystemStatusViewController.h"#import "SystemStatus.h"#import "SystemStatusCell.h"@interface SystemStatusViewController () {    // NSMutableArray *_systemStatuss;// 成员变量数组，可变的，所有的系统状态    NSArray *_system;}@end@implementation SystemStatusViewController- (void)viewDidLoad {    [super viewDidLoad];    // 所有cell高度一致的时候，可使用这行代码，否则使用heightForRowAtIndexPath    self.tableView.rowHeight = 80;     // _systemStatuss = [NSMutableArray array];;    SystemStatus *s1 = [[SystemStatus alloc]init];    s1.icon = @"image1.gif";    s1.title = @"正常运行";    s1.number = 1;    SystemStatus *s2 = [[SystemStatus alloc]init];    s2.icon = @"image2.gif";    s2.title = @"错误设备";    s2.number = 2;    SystemStatus *s3 = [[SystemStatus alloc]init];    s3.icon = @"image3.gif";    s3.title = @"连接超时";    s3.number = 3;    SystemStatus *s4 = [[SystemStatus alloc]init];    s4.icon = @"image4.png";    s4.title = @"输出功率(W)";    s4.number = 4;    SystemStatus *s5 = [[SystemStatus alloc]init];    s5.icon = @"image5.png";    s5.title = @"日发电量(KWh)";    s5.number = 5;    SystemStatus *s6 = [[SystemStatus alloc]init];    s6.icon = @"image6.png";    s6.title = @"月发电量(KWh)";    s6.number = 6.666;    SystemStatus *s7 = [[SystemStatus alloc]init];    s7.icon = @"image7.png";    s7.title = @"总发电量(KWh)";    s7.number = 7.70;    _system = @[s1,s2,s3,s4,s5,s6,s7];    /*    // 加载plist数据    NSArray *array = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"SystemStatus.plist" ofType:nil]];    // 字典转模型table    _systemStatuss = [NSMutableArray array];    // 遍历array里面所有的系统状态字典    for (NSDictionary *dict in array) {        // 创建一个系统状态，并添加到视图中去        [_systemStatuss addObject:[SystemStatus SystemStatusWithDict:dict]];    } */}//- (void)didReceiveMemoryWarning {//    [super didReceiveMemoryWarning];//    // Dispose of any resources that can be recreated.//}#pragma mark - Table view data source//- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {//    return 0;//}- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {    return _system.count;}- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {    SystemStatusCell *cell = [tableView dequeueReusableCellWithIdentifier:[SystemStatusCell ID]];    if (cell == nil) {        cell = [SystemStatusCell systemStatusCell];    }    cell.systemStatus = _system[indexPath.row];    return cell;    /*    // 0.定义循环标记    // static NSString *CellIdentifier = @"systemstatus";    // static NSString *CellIdentifier = @"Cell";    // 1.从缓存池中取出cell    // SystemStatusCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];    // UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];    // SystemStatusCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];    SystemStatusCell *cell = [tableView dequeueReusableCellWithIdentifier:[SystemStatusCell ID]];// cell来告诉我们id是多少    // 2.缓存池中没有cell    if (cell == nil) {        // cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];        // 加载xib文件的两种方式        // 方法1（SystemStatusCell是xib文件的名称）        // NSArray *objects = [[NSBundle mainBundle] loadNibNamed:@"SystemStatusCell" owner:nil options:nil];        // 方法2        // UINib *nib = [UINib nibWithNibName:@"SystemStatusCell" bundle:nil]; // 传的nil就为mainBundle        // NSArray *objects = [nib instantiateWithOwner:nil options:nil];        // cell = objects[0];        cell = [SystemStatusCell systemStatusCell];    }    // 3.取出系统状态模型    // SystemStatus *systemStatus = _systemStatuss[indexPath.row];    // 4.传递模型数据    // cell.systemStatus = systemStatus;    cell.systemStatus = _systemStatuss[indexPath.row];    // cell.systemStatus = _systemStatuss[indexPath.row];    // [cell setSystemStatus:systemStatus];    // 4.系统状态标题    // UILabel *titleLabel = (UILabel *)[cell viewWithTag:2];    // titleLabel.text = systemStatus.title;    // 5.图片    // UIImageView *imageView = (UIImageView *)[cell viewWithTag:1];    // imageView.image = [UIImage imageNamed:systemStatus.icon];    // NSLog(@"%p",cell);    return cell;     */}/*// Override to support conditional editing of the table view.- (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath {    // Return NO if you do not want the specified item to be editable.    return YES;}*//*// Override to support editing the table view.- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {    if (editingStyle == UITableViewCellEditingStyleDelete) {        // Delete the row from the data source        [tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];    } else if (editingStyle == UITableViewCellEditingStyleInsert) {        // Create a new instance of the appropriate class, insert it into the array, and add a new row to the table view    }   }*//*// Override to support rearranging the table view.- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)fromIndexPath toIndexPath:(NSIndexPath *)toIndexPath {}*//*// Override to support conditional rearranging of the table view.- (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath {    // Return NO if you do not want the item to be re-orderable.    return YES;}*/#pragma mark - Table view delegate- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {}#pragma mark - 通过代理方法返回cell高度（cell高度不一致的时候可以使用－根据传的行号，返回不同的高度）//- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {//    return 80;//}/*#pragma mark - Navigation// In a storyboard-based application, you will often want to do a little preparation before navigation- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {    // Get the new view controller using [segue destinationViewController].    // Pass the selected object to the new view controller.}*/@end

////  SystemStatus.m//  模型类，不用字典plist开发//  DATAEYE////  Created by SmartEnergy on 16/9/26.//  Copyright © 2016年 SmartEnergy. All rights reserved.//#import "SystemStatus.h"@implementation SystemStatus- (id)initWithDict:(NSDictionary *)dict {    if (self = [super init]) {        // 解析字典属性（转化为模型属性）        self.title = dict[@"title"];        self.icon = dict[@"icon"];        self.number = [dict[@"number"] doubleValue];// 是number类型的，转为double类型    }    return self;}+ (id)SystemStatusWithDict:(NSDictionary *)dict {    return [[self alloc] initWithDict:dict]; // 传字典来构造对象}@end

////  SystemStatusViewController.h//  DATAEYE////  Created by SmartEnergy on 16/9/26.//  Copyright © 2016年 SmartEnergy. All rights reserved.//#import <UIKit/UIKit.h>@interface SystemStatusViewController : UITableViewController@end