1 纯代码方式
新建一个继承自UITableViewCell
的子类,比如XMGTgCell
@interface XMGTgCell : UITableViewCell@end
在XMGTgCell.m文件中
- 重写
-initWithStyle:reuseIdentifier:
方法- 在这个方法中添加所有需要显示的子控件
- 给子控件做一些初始化设置(设置字体、文字颜色等)
- (或者使用masonry框架,在这个方法中设置位置,而不需要在layoutSubviews函数中设置位置了,这种叫做autolayout方式)。
/** * 在这个方法中添加所有的子控件 */- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{ if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) { // ...... } return self;}
- 重写
-layoutSubviews
方法- 一定要调用
[super layoutSubviews]
- 在这个方法中计算和设置所有子控件的frame
- 一定要调用
/** * 在这个方法中计算所有子控件的frame */- (void)layoutSubviews{ [super layoutSubviews]; // ......}
在XMGTgCell.h文件中提供一个模型属性,比如XMGTg模型
@class XMGTg;@interface XMGTgCell : UITableViewCell/** 团购模型数据 */@property (nonatomic, strong) XMGTg *tg;@end
在XMGTgCell.m中重写模型属性的set方法
- 在set方法中给子控件设置模型数据
- (void)setTg:(XMGTg *)tg{ _tg = tg; // .......}
定义模型block
定义模型的时候,可以将模型所做的事情也同时定义在模型中,用一个block来存储。
#import//blocktypedef void (^rowBaseSelected)();@interface rowBase : NSObject/**image*/@property (nonatomic, copy) NSString *icon;/**text*/@property (nonatomic, copy) NSString *title;/**block*/@property (nonatomic, copy) rowBaseSelected rowBaseSelected;+(instancetype)initWithIcon:(NSString *)icon title:(NSString *)title;@end
这样在需要的地方,可以设置模型的操作
row1.rowBaseSelected = ^(){ OneController *oneController = [[OneController alloc]init]; [self.navigationController pushViewController:oneController animated:YES]; };
在需要执行的地方
if (rowBase.rowBaseSelected) { rowBase.rowBaseSelected(); }
经验
给cell一个快速的创建方法
+ (instancetype)cellWithTableView:(UITableView *)tableView{ static NSString *ID = @"setting"; YLSettingCell *cell = [tableView dequeueReusableCellWithIdentifier:ID]; if (cell == nil) { cell = [[YLSettingCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID]; } return cell;}
其中:
cell = [[YLSettingCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
这一句代码中,要想实现多态的使用(假如当前cell有多个子类,创建的时候方便),要改成这样
cell = [[self alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
在控制器中
- 注册cell的类型
[self.tableView registerClass:[XMGTgCell class] forCellReuseIdentifier:ID];
- 给cell传递模型数据
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ // 访问缓存池 XMGTgCell *cell = [tableView dequeueReusableCellWithIdentifier:ID]; // 设置数据(传递模型数据) cell.tg = self.tgs[indexPath.row]; return cell;}
2 xib方式
新建一个继承自UITableViewCell
的子类,比如XMGTgCell
@interface XMGTgCell : UITableViewCell@end
新建一个xib文件(文件名最好跟类名一致,比如XMGTgCell.xib)
- 修改cell的class为XMGTgCell
- 绑定循环利用标识
- 添加子控件,设置子控件约束
- 将子控件连线到类扩展中
@interface XMGTgCell()@property (weak, nonatomic) IBOutlet UIImageView *iconImageView;@property (weak, nonatomic) IBOutlet UILabel *titleLabel;@property (weak, nonatomic) IBOutlet UILabel *priceLabel;@property (weak, nonatomic) IBOutlet UILabel *buyCountLabel;@end
在XMGTgCell.h文件中提供一个模型属性,比如XMGTg模型
@class XMGTg;@interface XMGTgCell : UITableViewCell/** 团购模型数据 */@property (nonatomic, strong) XMGTg *tg;@end
在XMGTgCell.m中重写模型属性的set方法
- 在set方法中给子控件设置模型数据
- (void)setTg:(XMGTg *)tg{ _tg = tg; // .......}
在控制器中
- 注册xib文件
[self.tableView registerNib:[UINib nibWithNibName:NSStringFromClass([XMGTgCell class]) bundle:nil] forCellReuseIdentifier:ID];
- 给cell传递模型数据
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ // 访问缓存池 XMGTgCell *cell = [tableView dequeueReusableCellWithIdentifier:ID]; // 设置数据(传递模型数据) cell.tg = self.tgs[indexPath.row]; return cell;}
3 storyBoard方式
新建一个继承自UITableViewCell
的子类,比如XMGTgCell
@interface XMGTgCell : UITableViewCell@end
在storyboard文件中,找到UITableView里面的cell(动态cell)
- 修改cell的class为XMGTgCell
- 绑定循环利用标识
- 添加子控件,设置子控件约束
- 将子控件连线到类扩展中
@interface XMGTgCell()@property (weak, nonatomic) IBOutlet UIImageView *iconImageView;@property (weak, nonatomic) IBOutlet UILabel *titleLabel;@property (weak, nonatomic) IBOutlet UILabel *priceLabel;@property (weak, nonatomic) IBOutlet UILabel *buyCountLabel;@end
在XMGTgCell.h文件中提供一个模型属性,比如XMGTg模型
@class XMGTg;@interface XMGTgCell : UITableViewCell/** 团购模型数据 */@property (nonatomic, strong) XMGTg *tg;@end
在XMGTgCell.m中重写模型属性的set方法
- 在set方法中给子控件设置模型数据
- (void)setTg:(XMGTg *)tg{ _tg = tg; // .......}
在控制器中
- 给cell传递模型数据
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ static NSString *ID = @"tg"; // 访问缓存池 XMGTgCell *cell = [tableView dequeueReusableCellWithIdentifier:ID]; // 设置数据(传递模型数据) cell.tg = self.tgs[indexPath.row]; return cell;}