微博UI

一.微博UI

注:下面是具体的步骤和一些代码的解答还有重点的代码优化部分.

二.给模型增加frame数据(起到了优化的作用)

• 所有子控件的frame
• cell的高度

@interface XFStatus : NSObject
/**** frame数据 ****/
/** 头像的frame */
@property (nonatomic, assign) CGRect iconFrame;
// .....
/** cell的高度 */
@property (nonatomic, assign) CGFloat cellHeight;
@end

• 重写模型cellH属性的get方法(将算好的cell,放在了模型当中,当外面才用点语法调用的时候,直接来到这,先判断,如果发现已经算过了,那么将不会再重复的计算,反之计算,然后将cell的值返回出去)

- (CGFloat)cellHeight
{
    if (_cellHeight == 0) {
        // ... 计算所有子控件的frame、cell的高度
    }
    return _cellHeight;
}

三.在控制器中

• 实现一个返回cell高度的代理方法
  • 在这个方法中返回indexPath位置对应cell的高度

/**
 *  返回每一行cell的具体高度
 */
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    XFStatus *status = self.statuses[indexPath.row];
    return status.cellH;
}

• 给cell传递模型数据

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *ID = @"status";
    // 访问缓存池
    XFStatusCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];

    // 设置数据(传递模型数据)
    cell.status = self.statuses[indexPath.row];

    return cell;
}

四.新建一个继承自UITableViewCell的子类，比如XFStatusCell

@interface XFStatusCell : UITableViewCell
@end

1> 在XFStatusCell.m文件中

• 重写-initWithStyle:reuseIdentifier:方法
  • 在这个方法中添加所有可能显示的子控件
  • 给子控件做一些初始化设置（设置字体、文字颜色等）

/**
 *  在这个方法中添加所有的子控件
 */
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
        // ......
    }
    return self;
}

2> 在XFStatusCell.h文件中提供一个模型属性，比如XFStatus模型

@class XFStatus;

@interface XFStatusCell : UITableViewCell
/** 团购模型数据 */
@property (nonatomic, strong) XFStatus *status;
@end

3> 在XFStatusCell.m文件中重写模型属性的set方法

• 在set方法中给子控件设置模型数据

- (void)setStatus:(XFStatus *)status
{
    _status = status;

    // .......
}

4> 重写-layoutSubviews方法

• 一定要调用[super layoutSubviews]
• 在这个方法中设置所有子控件的frame

/**
 *  在这个方法中设置所有子控件的frame
 */
- (void)layoutSubviews
{
    [super layoutSubviews];

    // ......
}