iOS UI-微博案例（通过代码自定义Cell）

一、Model

BWWeiBo数据模型

#import <Foundation/Foundation.h>

@interface BWWeiBo : NSObject

@property (nonatomic, copy) NSString *text;
@property (nonatomic, copy) NSString *icon;
@property (nonatomic, copy) NSString *picture;
@property (nonatomic, copy) NSString *name;
@property (nonatomic, assign, getter=isVip) BOOL vip;

- (instancetype)initWithDict:(NSDictionary *)dict;
+ (instancetype)weiBoWithDict:(NSDictionary *)dict;

@end


#import "BWWeiBo.h"

@implementation BWWeiBo

- (instancetype)initWithDict:(NSDictionary *)dict
{
    if (self = [super init]) {
        [self setValuesForKeysWithDictionary:dict];
    }
    return self;
}

+ (instancetype)weiBoWithDict:(NSDictionary *)dict
{
    return [[self alloc] initWithDict:dict];
}

@end

BWWeiBoFrame的控件尺寸模型

#import <Foundation/Foundation.h>
#import <CoreGraphics/CoreGraphics.h>
#import <UIKit/UIKit.h>
@class BWWeiBo;

@interface BWWeiBoFrame : NSObject

@property (nonatomic, strong) BWWeiBo *weibo;

@property (nonatomic, assign) CGRect iconFrame;
@property (nonatomic, assign) CGRect nameFrame;
@property (nonatomic, assign) CGRect vipFrame;
@property (nonatomic, assign) CGRect textFrame;
@property (nonatomic, assign) CGRect picFrame;

@property (nonatomic, assign) CGFloat rowHeight;

@end


#import "BWWeiBoFrame.h"
#import "BWWeiBo.h"

#define nameFont [UIFont systemFontOfSize:12]
#define textFont [UIFont systemFontOfSize:14]



@implementation BWWeiBoFrame

//重写weibo的set方法同时设置控件的frame
- (void)setWeibo:(BWWeiBo *)weibo
{
    _weibo = weibo;
    //提取统一的间距
    CGFloat margin = 10;
    //1.头像
    CGFloat iconW = 35;
    CGFloat iconH = 35;
    CGFloat iconX = margin;
    CGFloat iconY = margin;
    _iconFrame = CGRectMake(iconX, iconY, iconW, iconH);
    
    //2.昵称
    // 获取昵称字符串
    NSString *nickName = weibo.name;
    // 根据Label中文字的内容，动态计算Label的高和宽
    CGSize nameSize = [self sizeWithText:nickName andMaxSize:CGSizeMake(MAXFLOAT, MAXFLOAT) andFont:nameFont];
    
    CGFloat nameX = CGRectGetMaxX(_iconFrame) +margin;
    CGFloat nameW = nameSize.width;
    CGFloat nameH = nameSize.height;
    CGFloat nameY = iconY + (iconH - nameH)/2;
    _nameFrame = CGRectMake(nameX, nameY, nameW, nameH);
    
    //3.会员
    CGFloat vipW = 10;
    CGFloat vipH = 10;
    CGFloat vipX = CGRectGetMaxX(_nameFrame) + margin;
    CGFloat vipY = nameY;
    _vipFrame = CGRectMake(vipX, vipY, vipW, vipH);
    
    //4.正文
    CGFloat textX = iconX;
    CGFloat textY = CGRectGetMaxY(_iconFrame) +margin;
    CGSize textSize = [self sizeWithText:weibo.text andMaxSize:CGSizeMake(355, MAXFLOAT) andFont:textFont];
    CGFloat textW = textSize.width;
    CGFloat textH = textSize.height;
    _textFrame = CGRectMake(textX, textY, textW, textH);
    
    
    //5.配图
    CGFloat picW = 100;
    CGFloat picH = 100;
    CGFloat picX = iconX;
    CGFloat picY = CGRectGetMaxY(_textFrame) + margin;
    _picFrame = CGRectMake(picX, picY, picW, picH);
    
    //6.计算设置每行行高
    if (self.weibo.picture) {
        self.rowHeight = CGRectGetMaxY(_picFrame) + margin;
    }
    else
    {
        self.rowHeight = CGRectGetMaxY(_textFrame) +margin;
    }

}

//根据给定的字符串、最大值size、给定的字体、来计算文字应该占用的大小

/**
 *  计算文字的尺寸
 *
 *  @param text    所要计算的文字
 *  @param maxSize 规定的文字尺寸范围,一般直限制宽度,而不限制高度
 *  @param font    计算文字时所用的字体"计算时用的字体大小,要和显示时的字体一样"
 *
 *  @return 计算出来的文字尺寸
 */
- (CGSize) sizeWithText:(NSString *)text andMaxSize:(CGSize)maxSize andFont:(UIFont *)font
{
    NSDictionary *attr = @{NSFontAttributeName : font};
    return [text boundingRectWithSize:maxSize options:NSStringDrawingUsesLineFragmentOrigin attributes:attr context:nil].size;
}

@end

二、View

#import <UIKit/UIKit.h>
@class BWWeiBoFrame;

@interface BWWeiBoCell : UITableViewCell

@property (nonatomic, strong) BWWeiBoFrame *weiboFrame;

+ (instancetype)weiboCellWithTableView:(UITableView *)tableView;

@end


#import "BWWeiBoCell.h"
#import "BWWeiBo.h"
#import "BWWeiBoFrame.h"
#define nameFont [UIFont systemFontOfSize:12]
#define textFont [UIFont systemFontOfSize:14]


@interface BWWeiBoCell ()

@property (nonatomic, strong) UIImageView *imgViewIcon;
@property (nonatomic, strong) UILabel     *lblNickName;
@property (nonatomic, strong) UIImageView *imgViewVip;
@property (nonatomic, strong) UILabel     *lblText;
@property (nonatomic, strong) UIImageView *imgViewPicture;



@end

@implementation BWWeiBoCell

#pragma mark - 重写单元格的initWithStyle:方法
// 重写initWithStyle:方法在此方法中来创建自定义cell中所有要显示内容的子控件,在此方法中只创建和添加所有的子控件,并对子控件做一次的设置,不用设置子控件的数据和frame,因为此方法只会调用几次,当缓存池中有可重用的cell时,就不会调用此方法来创建cell了
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
        //创建控件
        
        //1.头像
        self.imgViewIcon = [[UIImageView alloc] init];
        [self.contentView addSubview:self.imgViewIcon];
        //2.昵称
        self.lblNickName = [[UILabel alloc] init];
        [self.contentView addSubview:self.lblNickName];
        //3.会员
        self.imgViewVip = [[UIImageView alloc] init];
        [self.contentView addSubview:self.imgViewVip];
        //4.正文
        self.lblText = [[UILabel alloc] init];
        [self.contentView addSubview:self.lblText];
        //5.配图
        self.imgViewPicture = [[UIImageView alloc] init];
        [self.contentView addSubview:self.imgViewPicture];
    }
    return self;
}
//创建单元格
+ (instancetype)weiboCellWithTableView:(UITableView *)tableView
{
    static NSString *ID = @"weiBo_cell";
    
    BWWeiBoCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
    if (!cell) {
        cell = [[BWWeiBoCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
    }
    return cell;
}
#pragma mark - 设置数据和frame
- (void)setWeiboFrame:(BWWeiBoFrame *)weiboFrame
{
    _weiboFrame = weiboFrame;
    //1.设置当前单元格中子控件的数据
    [self settingData];
    //2.设置当前单元格中子控件的frame
    [self settingFrame];
}


//设置数据的方法
- (void)settingData
{
    BWWeiBo *weibo = self.weiboFrame.weibo;
    //1.头像
    self.imgViewIcon.image = [UIImage imageNamed:weibo.icon];
    //2.昵称
    self.lblNickName.text = weibo.name;
    self.lblNickName.font = nameFont;
    //3.会员
    if (weibo.isVip) {
        self.imgViewVip.image = [UIImage imageNamed:@"vip.png"];
        //显示会员图标
        self.imgViewVip.hidden = NO;
        //设置昵称的颜色
        self.lblNickName.textColor = [UIColor redColor];
    }
    else{
        //隐藏会员图标
        self.imgViewVip.hidden = YES;
        //设置昵称的颜色
        self.lblNickName.textColor = [UIColor blackColor];
    }
    //4.正文
    self.lblText.text = weibo.text;
    self.lblText.font = textFont;
    self.lblText.numberOfLines = 0;
    //5.配图
    if (weibo.picture) {
        self.imgViewPicture.image = [UIImage imageNamed:weibo.picture];
        self.imgViewPicture.hidden = NO;
    }
    else{
        self.imgViewPicture.hidden = YES;
    }
}

//设置Frame
- (void)settingFrame
{
    //1.头像
    self.imgViewIcon.frame = self.weiboFrame.iconFrame;
    
    //2.昵称
    self.lblNickName.frame = self.weiboFrame.nameFrame;
    
    //3.会员

    self.imgViewVip.frame = self.weiboFrame.vipFrame;
    
    //4.正文
    self.lblText.frame = self.weiboFrame.textFrame;
    
    
    //5.配图
    self.imgViewPicture.frame = self.weiboFrame.picFrame;
    
    
}

- (void)awakeFromNib {
    // Initialization code
}

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

    // Configure the view for the selected state
}

@end

三、Controller

#import "BWTableViewController.h"
#import "BWWeiBo.h"
#import "BWWeiBoFrame.h"
#import "BWWeiBoCell.h"

@interface BWTableViewController ()

//现在要求weiboFrame集合中保存了很多个BWWeiBoFrame模型，不再是BWWeiBo模型
@property (nonatomic, strong)NSArray *weiboFrames;

@end

@implementation BWTableViewController

#pragma mark - 懒加载
- (NSArray *)weiboFrames
{
    if (!_weiboFrames) {
        NSString *path = [[NSBundle mainBundle] pathForResource:@"statuses.plist" ofType:nil];
        NSArray *arrDict = [NSArray arrayWithContentsOfFile:path];
        NSMutableArray *arrModel = [NSMutableArray array];
        
        for (NSDictionary *dict in arrDict) {
            //创建数据模型
            BWWeiBo *modelData = [BWWeiBo weiBoWithDict:dict];
            
            BWWeiBoFrame *modelFrame = [[BWWeiBoFrame alloc] init];
            
            modelFrame.weibo = modelData;
            
            [arrModel addObject:modelFrame];
        }
        _weiboFrames = arrModel;
    }
    return _weiboFrames;
}


- (void)viewDidLoad {
    [super viewDidLoad];
    //self.tableView.rowHeight = 400;
    
    // Uncomment the following line to preserve selection between presentations.
    // self.clearsSelectionOnViewWillAppear = NO;
    
    // Uncomment the following line to display an Edit button in the navigation bar for this view controller.
    // self.navigationItem.rightBarButtonItem = self.editButtonItem;
}

#pragma mark - Table view data source

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {

    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return [self.weiboFrames count];

}

//创建单元格
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    
    //1.获取数据模型
    BWWeiBoFrame *model = [self.weiboFrames objectAtIndex:indexPath.row];
    
    //2.创建单元格
    BWWeiBoCell *cell = [BWWeiBoCell weiboCellWithTableView:tableView];
    
    //3.设置单元格数据
    cell.weiboFrame = model;
    
    //4.返回单元格
    return cell;
}


#pragma mark - UITableViewDelegate
//设置行高
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    BWWeiBoFrame *weiboFrame = self.weiboFrames[indexPath.row];
    return weiboFrame.rowHeight;
    
}

- (BOOL)prefersStatusBarHidden
{
    return YES;
}
/*
#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