非等高cell创建方式1:xib
1.创建自定义类,继承自UITableViewCell,勾选同时创建xib,创建完毕后设置cell的重用标识.
2.新建一个模型类,继承自NSObject给cell提供数据源
3.将storyboard中的控制器及viewController文件删掉,在storyboard中拖入一个UITableViewController,自定义一个WeiboStatusController类,将storyboard中控制器的class改为WeiboStatusController.
此时工程中包含了如下文件:
4.修改模型文件,将plist文件包含的属性定义为成员属性,写入,并提供构造方法,方便外界创建模型数据.
模型.h文件
#import <UIKit/UIKit.h>
@interface DLStatus : NSObject
//定义plist文件中的keys
@property(nonatomic,strong) NSString *icon;
@property(nonatomic,strong) NSString *name;
@property(nonatomic,strong) NSString *text;
@property(nonatomic,strong) NSString *picture;
@property(nonatomic,assign,getter=isVip) BOOL vip;
//定义cell的行高
@property(nonatomic,assign) CGFloat cellHeight;
//构造方法,方便外界创建模型数据
+ (instancetype)statusWithDict:(NSDictionary *)dict;
@end
模型.m文件如下:
#import "DLStatus.h"
@implementation DLStatus
+ (instancetype)statusWithDict:(NSDictionary *)dict{
DLStatus *status = [[self alloc] init];
//KVC(Key Value Coding)
[status setValuesForKeysWithDictionary:dict];
return status;
}
@end
5.把xib的控件与自定义cell连线,拿到对应的属性.在.h中定义一个模型属性,为cell传递模型数据.同时提供构造方法,方便外界创建该类型的cell.
自定义类的.h文件内容如下:
#import <UIKit/UIKit.h>
@class DLStatus;
@interface DLStatusCell : UITableViewCell
@property(nonatomic,strong) DLStatus *status;
+ (instancetype)cellWithTableView:(UITableView *)tableView;
@end
自定义类的.m文件内容如下:
#import "DLStatusCell.h"
#import "DLStatus.h"
@interface DLStatusCell ()
@property (weak, nonatomic) IBOutlet UIImageView *name;
@property (weak, nonatomic) IBOutlet UILabel *nameLabel;
@property (weak, nonatomic) IBOutlet UIImageView *vip;
@property (weak, nonatomic) IBOutlet UILabel *contentLabel;
@property (weak, nonatomic) IBOutlet UIImageView *picture;
@end
@implementation DLStatusCell
//构造方法的实现
+ (instancetype)cellWithTableView:(UITableView *)tableView{
static NSString *ID = @"status";//将cell的创建封装到类内部
DLStatusCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
if (cell == nil) {//缓存池找不到cell时,从xib创建
cell = [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass([DLStatusCell class]) owner:nil options:nil] lastObject];
}
return cell;
}
- (void)awakeFromNib{
//设置contentLabel的最大宽度,防止layoutIfNeeded方法计算的尺寸偏差.
self.contentLabel.preferredMaxLayoutWidth = [UIScreen mainScreen].bounds.size.width - 20;
}
//重写模型属性的set方法
- (void)setStatus:(DLStatus *)status{
_status = status;
//设置模型属性内部子控件的值
self.nameLabel.text = status.name;
//判断vip的状态
if (_status.isVip) {
self.vip.hidden = NO;
self.nameLabel.textColor = [UIColor orangeColor];
}else{
self.vip.hidden = YES;
self.nameLabel.textColor = [UIColor blackColor];
}
self.name.image = [UIImage imageNamed:status.icon];
self.contentLabel.text = status.text;
//判断picture的状态
if (_status.picture) {
self.picture.hidden = NO;
self.picture.image = [UIImage imageNamed:status.picture];
}else{
self.picture.hidden = YES;
}
//强制布局控件
[self layoutIfNeeded];
//返回cell的高度
if (self.picture.hidden) {
status.cellHeight = CGRectGetMaxY(self.contentLabel.frame) + 10;
}else{
status.cellHeight = CGRectGetMaxY(self.picture.frame) + 10;
}
}
@end
6.在WeiboStatusController文件中定义一个数组接收模型数据,同时实现cell的数据源方法.
WeiboStatusController.m文件内容如下:
#import "WeiboStatusController.h"
#import "DLStatus.h"
#import "DLStatusCell.h"
@interface WeiboStatusController ()
//定义属性,接收模型
@property (nonatomic,strong) NSArray *status;
@end
@implementation WeiboStatusController
//懒加载模型
- (NSArray *)status{
if (_status == nil) {
NSString *path = [[NSBundle mainBundle] pathForResource:@"statuses.plist" ofType:nil];
NSArray *dictArr = [NSArray arrayWithContentsOfFile:path];
NSMutableArray *statusArr = [NSMutableArray array];
for (NSDictionary *dict in dictArr) {
DLStatus *status = [DLStatus statusWithDict:dict];
[statusArr addObject:status];
}
_status = statusArr;
}
return _status;
}
- (void)viewDidLoad {
[super viewDidLoad];
}
#pragma mark - Table view data source
//返回cell的个数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return self.status.count;
}
//返回cell的内容
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
//通过自定义cell创建cell
DLStatusCell *cell = [DLStatusCell cellWithTableView:tableView];
//取出对应的模型数据
cell.status = self.status[indexPath.row];
return cell;
}
//设置cell的估计高度,调换heightForRowAtIndexPath:与cellForRowAtIndexPath:的调用顺序,同时优化系统
- (CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath{
return 200;
}
//返回cell的真是高度
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
//取出模型中对应的高度数据
DLStatus *status = self.status[indexPath.row];
return status.cellHeight;
}
@end
非等高cell创建方式2:storyboard
此方法创建cell只需要将xib文件中的子控件换到storyboard中,拖线,修改重用标识,将cell的构造方法改为如下内容即可:
+ (instancetype)cellWithTableView:(UITableView *)tableView{
return [tableView dequeueReusableCellWithIdentifier:ID];
}
