通过代码自定义cell(cell的高度不一致)

来源：互联网发布：闲鱼钓鱼网站源码编辑：程序博客网时间：2024/05/19 03:21

cell的高度不一致情况的实现步骤

1.新建一个继承自UITableViewCell的类

2.重写initWithStyle:reuseIdentifier:方法

1)添加所有需要显示的子控件(不需要设置子控件的数据和frame, 子控件要添加到contentView中)

2)进行子控件一次性的属性设置(有些属性只需要设置一次, 比如字体\固定的图片)

3.提供2个模型数据模型:

1）存放文字数据\图片数据模型

2）存放数据模型\所有子控件的frame\cell的高度

存放文字数据\图片数据模型

存放数据模型\所有子控件的frame\cell的高度

4.cell拥有一个frame模型(不要直接拥有数据模型)

5.重写frame模型属性的setter方法: 在这个方法中设置子控件的显示数据和frame

6.frame模型数据的初始化已经采取懒加载的方式(每一个cell对应的frame模型数据只加载一次)

全部代码：

1）2个模型数据模型

存放文字数据\图片数据模型：MJStatus.h和MJStatus.m

存放数据模型\所有子控件的frame\cell的高度：MJStatusFrame.h和MJStatusFrame.m

MJStatus.h

#import <Foundation/Foundation.h>@interface MJStatus : NSObject@property (nonatomic,copy) NSString *text; // 内容@property (nonatomic,copy) NSString *icon; // 头像@property (nonatomic,copy) NSString *picture; // 昵称@property (nonatomic,copy) NSString *name; // 配图@property (nonatomic,assign) BOOL vip;-(instancetype)initWithDict:(NSDictionary *)dict;+(instancetype)statusWithDict:(NSDictionary *)dict;@end

MJStatus.m

#import "MJStatus.h"@implementation MJStatus-(instancetype)initWithDict:(NSDictionary *)dict{    if(self = [super init]){        [self setValuesForKeysWithDictionary:dict];    }    return self;}+(instancetype)statusWithDict:(NSDictionary *)dict{    return [[self alloc] initWithDict:dict];}@end

MJStatusFrame.h

#import <Foundation/Foundation.h>#import <UIKit/UIKit.h>@class MJStatus;@interface MJStatusFrame : NSObject/** *  头像的frame */@property (nonatomic, assign, readonly) CGRect iconF;/** *  昵称的frame */@property (nonatomic, assign, readonly) CGRect nameF;/** *  会员图标的frame */@property (nonatomic, assign, readonly) CGRect vipF;/** *  正文的frame */@property (nonatomic, assign, readonly) CGRect textF;/** *  配图的frame */@property (nonatomic, assign, readonly) CGRect pictureF;/** *  cell的高度 */@property (nonatomic, assign, readonly) CGFloat cellHeight;@property (nonatomic, strong) MJStatus *status;@end

MJStatusFrame.m

// 昵称的字体#define MJNameFont [UIFont systemFontOfSize:14]// 正文的字体#define MJTextFont [UIFont systemFontOfSize:15]#import "MJStatusFrame.h"#import "MJStatus.h"@implementation MJStatusFrame/** *  计算文字尺寸 * *  @param text    需要计算尺寸的文字 *  @param font    文字的字体 *  @param maxSize 文字的最大尺寸 */-(CGSize)sizeWithText:(NSString *)text font:(UIFont *)font maxSize:(CGSize)maxSize{    NSDictionary *attrs = @{NSFontAttributeName : font};    return [text boundingRectWithSize:maxSize options:NSStringDrawingUsesLineFragmentOrigin attributes:attrs context:nil].size;}/** *  为status赋值时设置控件的frame（懒加载的方法） */-(void)setStatus:(MJStatus *)status{    _status = status;        // 子控件之间的间距    CGFloat padding = 10;        // 1.头像    CGFloat iconX = padding;    CGFloat iconY = padding;    CGFloat iconW = 30;    CGFloat iconH = 30;    _iconF = CGRectMake(iconX, iconY, iconW, iconH);        // 2.昵称    //文本字体    CGSize nameSize = [self sizeWithText:self.status.name font:MJNameFont maxSize:CGSizeMake(MAXFLOAT, MAXFLOAT)];    CGFloat nameX = CGRectGetMaxX(_iconF) + padding;    CGFloat nameY = iconY + (iconH - nameSize.height) * 0.5;    _nameF = CGRectMake(nameX, nameY, nameSize.width, nameSize.height);        // 3.会员图标    CGFloat vipX = CGRectGetMaxX(_nameF) + padding;    CGFloat vipY = nameY;    CGFloat vipW = 14;    CGFloat vipH = 14;    _vipF = CGRectMake(vipX, vipY, vipW, vipH);        // 4.正文    CGSize textSize = [self sizeWithText:self.status.text font:MJTextFont maxSize:CGSizeMake(300, MAXFLOAT)];    CGFloat textX = iconX;    CGFloat textY = CGRectGetMaxY(_iconF) + padding;    _textF = CGRectMake(textX, textY, textSize.width, textSize.height);        // 5.配图    if(self.status.picture){        CGFloat pictureX = textX;        CGFloat pictureY = CGRectGetMaxY(_textF) + padding;        CGFloat pictureW = 100;        CGFloat pictureH = 100;        _pictureF = CGRectMake(pictureX, pictureY, pictureW, pictureH);                _cellHeight = CGRectGetMaxY(_pictureF) + padding;    }    else{        _cellHeight = CGRectGetMaxY(_textF) + padding;    }}@end

2）继承自UITableViewCell的类：MJStatusCell.h和MJStatusCell.m

MJStatusCell.h

#import <UIKit/UIKit.h>@class MJStatusFrame;@interface MJStatusCell : UITableViewCell@property (nonatomic,strong) MJStatusFrame *statusFrame;+(instancetype)cellWithTableView:(UITableView *)tableView;@end

MJStatusCell.m

// 昵称的字体#define MJNameFont [UIFont systemFontOfSize:14]// 正文的字体#define MJTextFont [UIFont systemFontOfSize:15]#import "MJStatusCell.h"#import "MJStatus.h"#import "MJStatusFrame.h"@interface MJStatusCell()/** *  头像 */@property (nonatomic, weak) UIImageView *iconView;/** *  昵称 */@property (nonatomic, weak) UILabel *nameView;/** *  会员图标 */@property (nonatomic, weak) UIImageView *vipView;/** *  正文 */@property (nonatomic, weak) UILabel *textView;/** *  配图 */@property (nonatomic, weak) UIImageView *pictureView;@end@implementation MJStatusCell/** *  构造方法(在初始化对象的时候会调用) *  一般在这个方法中添加需要显示的子控件 */-(instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{        self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];        if(self){                // 1.头像        UIImageView *iconView = [[UIImageView alloc] init];        [self.contentView addSubview:iconView];        self.iconView = iconView;                // 2.昵称        UILabel *nameView = [[UILabel alloc] init];        nameView.font = MJNameFont;        [self.contentView addSubview:nameView];        self.nameView = nameView;                // 3.会员图标        UIImageView *vipView = [[UIImageView alloc] init];        vipView.image = [UIImage imageNamed:@"vip"];        [self.contentView addSubview:vipView];        self.vipView = vipView;                // 4.正文        UILabel *textView = [[UILabel alloc] init];        textView.numberOfLines = 0;        textView.font = MJTextFont;        [self.contentView addSubview:textView];        self.textView = textView;                // 5.配图        UIImageView *pictureView = [[UIImageView alloc] init];        [self.contentView addSubview:pictureView];        self.pictureView = pictureView;    }        return self;    }/** *  在这个方法中设置子控件的frame和显示数据 */-(void)setStatusFrame:(MJStatusFrame *)statusFrame{    _statusFrame = statusFrame;        // 1.设置数据    [self settingData];        // 2.设置frame    [self settingFrame];}/** *  设置数据 */-(void)settingData{        // 微博数据    MJStatus *status = self.statusFrame.status;        // 1.头像    self.iconView.image = [UIImage imageNamed:status.icon];        // 2.昵称    self.nameView.text = status.name;        // 3.会员图标    if(status.vip){        self.vipView.hidden = NO;        self.nameView.textColor = [UIColor redColor];    }    else{        self.vipView.hidden = YES;        self.nameView.textColor = [UIColor blackColor];    }        // 4.正文    self.textView.text = status.text;        // 5.配图    if (status.picture) {        self.pictureView.hidden = NO;        self.pictureView.image = [UIImage imageNamed:status.picture];    }    else{        self.pictureView.hidden = YES;    }}/** *  设置frame */-(void)settingFrame{    // 1.头像    self.iconView.frame = self.statusFrame.iconF;        // 2.昵称    self.nameView.frame = self.statusFrame.nameF;        // 3.会员图标    self.vipView.frame = self.statusFrame.vipF;        // 4.正文    self.textView.frame = self.statusFrame.textF;        // 5.配图    if (self.statusFrame.status.picture) {        self.pictureView.frame = self.statusFrame.pictureF;    }}+(instancetype)cellWithTableView:(UITableView *)tableView{    static NSString *ID = @"status";    MJStatusCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];    if(cell == nil){        cell = [[MJStatusCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID];    }    return cell;}

3）控制器中的使用

ViewController.m

#import "ViewController.h"#import "MJStatus.h"#import "MJStatusFrame.h"#import "MJStatusCell.h"@interface ViewController ()//@property (nonatomic,strong) NSArray *status;/** *  存放所有cell的frame模型数据 */@property (nonatomic,strong) NSArray *statusFrames;@end@implementation ViewController- (void)viewDidLoad {    [super viewDidLoad];//    self.tableView.rowHeight = 400;}-(NSArray *)statusFrames{    if(_statusFrames == nil){        // 获取plist数据文件的全路径        NSString *path = [[NSBundle mainBundle] pathForResource:@"statuses.plist" ofType:nil];                // 根据全路径获取plist文件的NSArray数据        NSArray *dictArray = [NSArray arrayWithContentsOfFile:path];                // 创建一个存放模型数据的可变数组        NSMutableArray *statusFrameArray = [NSMutableArray array];                // 遍历循环dictArray中的字典数据        for (NSDictionary *dict in dictArray) {            // 将字典数据复制给MJStatus模型            MJStatus *status = [MJStatus statusWithDict:dict];                        // 创建MJStatusFrame模型对象            MJStatusFrame *statusFrame = [[MJStatusFrame alloc] init];            statusFrame.status = status;                        // 将MJStatusFrame模型存放进statusFrameArray数组中            [statusFrameArray addObject:statusFrame];        }        // 赋值        _statusFrames = statusFrameArray;    }    return _statusFrames;}-(BOOL)prefersStatusBarHidden{    return YES;}#pragma mark - 实现数据源方法-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{    NSLog(@"numberOfRowsInSection");    return self.statusFrames.count;}-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{        MJStatusCell *cell = [MJStatusCell cellWithTableView:tableView];    cell.statusFrame = self.statusFrames[indexPath.row];        NSLog(@"cellForRowAtIndexPath -- 第%d行",indexPath.row);        return cell;}#pragma mark - 实现数据源的代理-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{    MJStatusFrame *statusFrame = self.statusFrames[indexPath.row];        NSLog(@"heightForRowAtIndexPath -- 第%d行",indexPath.row);        return statusFrame.cellHeight;}@end

项目程序链接

0 0