UI之 07 自定義cell 02(微博)

微博

**效果展示: **

Snip20160330_1.png

01 cell的封裝

這里先補(bǔ)充一個(gè)知識(shí)點(diǎn):

以前, 我們都是在我們的UIView里面直接拖一個(gè)TableView. 而且, 如果我們需要設(shè)置數(shù)據(jù)源, 還要遵守他的數(shù)據(jù)源協(xié)議, 而且 , 需要的話, 我們還要連線讓控制器成為我們的代理, 現(xiàn)在我們完全不需要了. 跟著下面的步驟, 我們來(lái)簡(jiǎn)化代碼, 完成這個(gè)操作:

  1. 刪除我們?cè)瓉?lái)我的控制器即是原來(lái)的storyboard, 然后我們?cè)谠瓉?lái)的位置拖一個(gè)UItableView這個(gè)tableView不是原來(lái)的那個(gè), 我們要拖的是一個(gè)UITableView的控制器:

這個(gè)是刪掉的

Snip20160330_2.png

換成這個(gè):

Snip20160330_3.png
  1. 這樣之后, 我們會(huì)發(fā)現(xiàn), 在這個(gè)位置
Snip20160330_4.png

他是默認(rèn)為是UITableViewController的所以我們要將他改成GJViewController(這一步應(yīng)該在我們將我們控制器繼承的對(duì)象換成UITableViewController之后才去做的)

  1. 其次 , 我們應(yīng)該注意的是這一段代碼. 之后我再解釋吧:
Snip20160330_5.png

以前, 他是繼承自UIView的, 現(xiàn)在我們讓他直接繼承UITableViewControler

注意到我們以前的那個(gè)UIViewController中會(huì)自帶一個(gè)UIView
而, 現(xiàn)在的這個(gè)控制器會(huì)自帶一個(gè)tableView, 而且 , 我們的控制器繼承了UITableViewControler沒(méi)有必要再去連線, 遵守協(xié)議等等了

還有就是我們的關(guān)于數(shù)據(jù)加載的東西類似于: plist文件導(dǎo)入\模型在這里就不講了, 我們直接開(kāi)始我們的創(chuàng)建自定義cell環(huán)節(jié)

由于我們做的是微博,所以我們的這個(gè)cell全部將是由我們的代碼完成

02 添加子控件\設(shè)置子控件數(shù)據(jù)

首先, 我們?cè)谏厦娴娘@示效果中, 發(fā)現(xiàn)這個(gè)上面有很多的東西: eg: 皇冠, 他的位置, 總是在變化, 所以我們需要自定義cell來(lái)完成
再比如說(shuō): 我們的plist文件中有的有圖片, 有的沒(méi)有圖片, 有的有皇冠, 有的沒(méi)有皇冠.

算了, 還是直接將plist文件展示出來(lái), 大家看看吧:

Snip20160330_6.png

我們這里面的vip中是1或者是0 顯然我們?cè)诤竺鎸⒗眠@個(gè)東西, 來(lái)判斷是否顯示皇冠

1. 步驟分析:

Snip20160330_7.png

其實(shí)這樣分的話使我們的條理更加清晰. 然后我們就跟著這個(gè)步驟寫(xiě)代碼:

**這個(gè)是我們控制器中的代碼: **

#import "GJViewController.h"
#import "GJStatus.h"
#import "GJStatusCell.h"

@interface GJViewController ()
@property (nonatomic, strong) NSArray *statuses;
@end

@implementation GJViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    
}

- (NSArray *)statuses
{
    if (_statuses == nil) {
        // 初始化
        // 1.獲得plist的全路徑
        NSString *path = [[NSBundle mainBundle] pathForResource:@"statuses.plist" ofType:nil];
        
        // 2.加載數(shù)組
        NSArray *dictArray = [NSArray arrayWithContentsOfFile:path];
        
        // 3.將dictArray里面的所有字典轉(zhuǎn)成模型對(duì)象,放到新的數(shù)組中
        NSMutableArray *statusArray = [NSMutableArray array];
        for (NSDictionary *dict in dictArray) {
            // 3.1.創(chuàng)建模型對(duì)象
            GJStatus *status = [GJStatus statusWithDict:dict];
            
            // 3.2.添加模型對(duì)象到數(shù)組中
            [statusArray addObject:status];
        }
        
        // 4.賦值
        _statuses = statusArray;
    }
    return _statuses;
}

- (BOOL)prefersStatusBarHidden
{
    return YES;
}

#pragma mark - 實(shí)現(xiàn)數(shù)據(jù)源方法
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.statuses.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *ID = @"status";
    GJStatusCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
    if (cell == nil) {
        cell = [[GJStatusCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID];
    }
    
    cell.status = self.statuses[indexPath.row];
    
    return cell;
}

@end

我們的那個(gè)模型類的代碼這里我就不寫(xiě)了, 主要的還是那幾個(gè), 關(guān)鍵就是我們的繼承自UITableViewCell的自定義cell里面的代碼:

#import "GJStatusCell.h"
#import "GJStatus.h"

@interface GJStatusCell()
/**
 *  頭像
 */
@property (nonatomic, weak) UIImageView *iconView;
/**
 *  昵稱
 */
@property (nonatomic, weak) UILabel *nameView;
/**
 *  會(huì)員圖標(biāo)
 */
@property (nonatomic, weak) UIImageView *vipView;
/**
 *  正文
 */
@property (nonatomic, weak) UILabel *textView;
/**
 *  配圖
 */
@property (nonatomic, weak) UIImageView *pictureView;
@end

@implementation MJStatusCell

/**
 *  構(gòu)造方法(在初始化對(duì)象的時(shí)候會(huì)調(diào)用)
 *  一般在這個(gè)方法中添加需要顯示的子控件
 */
- (id)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.會(huì)員圖標(biāo)
        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;
}

/**
 *  在這個(gè)方法中設(shè)置子控件的frame和顯示數(shù)據(jù)
 */
- (void)setStatus:(MJStatus *)status
{
    _status = status;
    
    // 1.設(shè)置數(shù)據(jù)
    [self settingData];
    
    // 2.設(shè)置frame
    [self settingFrame];
}

/**
 *  設(shè)置數(shù)據(jù)
 */
- (void)settingData
{
    // 1.頭像
    self.iconView.image = [UIImage imageNamed:self.status.icon];
    
    // 2.昵稱
    self.nameView.text = self.status.name;
    
    // 3.會(huì)員圖標(biāo)
    if (self.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 = self.status.text;
    
    // 5.配圖
      self.pictureView.image = [UIImage imageNamed:self.status.picture];
    
}

設(shè)置frame

由于我們的這個(gè)程序中的cell的尺寸不固定, 所以我們要一個(gè)一個(gè)的算,

其實(shí)我們的這個(gè)frame主要靠的是計(jì)算.

首先, 我們的選擇是一個(gè)一個(gè)控件的計(jì)算:

**頭像: **

// 子控件之間的間距
    CGFloat padding = 10;
    
    // 1.頭像
    CGFloat iconX = padding;
    CGFloat iconY = padding;
    CGFloat iconW = 30;
    CGFloat iconH = 30;
    self.iconView.frame = CGRectMake(iconX, iconY, iconW, iconH);

**昵稱: **

// 昵稱的字體
#define GJNameFont [UIFont systemFontOfSize:14]


/**
 *  計(jì)算文字尺寸
 *
 *  @param text    需要計(jì)算尺寸的文字
 *  @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;
}

 // 2.昵稱
    // 文字的字體
    CGSize nameSize = [self sizeWithText:self.status.name font:GJNameFont maxSize:CGSizeMake(MAXFLOAT, MAXFLOAT)];
    CGFloat nameX = CGRectGetMaxX(self.iconView.frame) + padding;
    CGFloat nameY = iconY + (iconH - nameSize.height) * 0.5;
    self.nameView.frame = CGRectMake(nameX, nameY, nameSize.width, nameSize.height);

**皇冠標(biāo)志: **

 // 3.會(huì)員圖標(biāo)
    CGFloat vipX = CGRectGetMaxX(self.nameView.frame) + padding;
    CGFloat vipY = nameY;
    CGFloat vipW = 14;
    CGFloat vipH = 14;
    self.vipView.frame = CGRectMake(vipX, vipY, vipW, vipH);

**正文: **

// 正文的字體
#define GJTextFont [UIFont systemFontOfSize:15]


 // 4.正文
    CGFloat textX = iconX;
    CGFloat textY = CGRectGetMaxY(self.iconView.frame) + padding;
    CGSize textSize = [self sizeWithText:self.status.text font:GJTextFont maxSize:CGSizeMake(300, MAXFLOAT)];
    self.textView.frame = CGRectMake(textX, textY, textSize.width, textSize.height);

**配圖: **

 // 5.配圖
    if (self.status.picture) {// 有配圖
        CGFloat pictureX = textX;
        CGFloat pictureY = CGRectGetMaxY(self.textView.frame) + padding;
        CGFloat pictureW = 100;
        CGFloat pictureH = 100;
        self.pictureView.frame = CGRectMake(pictureX, pictureY, pictureW, pictureH);
    }

而我們每一個(gè)cell的寬度暫時(shí)先設(shè)為400, 后面我們?cè)谟喺?/p>

引入frame模型

關(guān)于我們上面的代碼的缺點(diǎn):

由于我們上面的代碼中, 我們的cell都是利用了cell的循環(huán)利用, 其原理在這里我就不說(shuō)了, 但是 注意的是, 在這里, 我們的所要?jiǎng)?chuàng)建的cell都是不同的, 其中還包括:

  • 皇冠有的展示, 有的不展示
  • 配圖有的有, 而有的卻沒(méi)有

但是, 無(wú)論有沒(méi)有, 我們的每一個(gè)cell都將具有最多cell的子控件. 而我們?cè)诶镁彺娉丶虞d我們的cell的時(shí)候, 如果沒(méi)有圖片的也加載出來(lái)怎么辦???

所以我們呢就需要對(duì)代碼進(jìn)一步的優(yōu)化:

 // 3.會(huì)員圖標(biāo)
    if (self.status.vip) {
        self.vipView.hidden = NO;
        
        self.nameView.textColor = [UIColor redColor];
    } else {
        self.vipView.hidden = YES;
        
        self.nameView.textColor = [UIColor blackColor];
    }
    
    // 5.配圖
    if (self.status.picture) { // 有配圖
        self.pictureView.hidden = NO;
        self.pictureView.image = [UIImage imageNamed:self.status.picture];
    } else { // 沒(méi)有配圖
        self.pictureView.hidden = YES;
    }

就上面的兩個(gè)子控件, 我們利用if語(yǔ)句就可以解決我們一開(kāi)始提到的問(wèn)題.
要提到的是, 一旦有hidden = YES; 就必須有hidden = NO;

其實(shí), 這個(gè)有關(guān)于frame模型, 具體的知識(shí)點(diǎn), 我就不做過(guò)多地的介紹了, 直接上代碼了, 這個(gè)完全可以通過(guò)代碼, 了解知識(shí)點(diǎn).而且. 這一次的代碼真的是大大改. 我也會(huì)在寫(xiě)代碼的時(shí)候, 說(shuō)一些比較難的點(diǎn).

代碼:

**控制器.m的代碼: **

     #import "GJViewController.h"
    #import "GJStatus.h"
    #import "GJStatusFrame.h"
    #import "GJStatusCell.h"
    
    @interface GJViewController ()
    //@property (nonatomic, strong) NSArray *statuses;
    /**
     *  存放所有cell的frame模型數(shù)據(jù)
     */
    @property (nonatomic, strong) NSArray *statusFrames;
    
    @end
    
    @implementation GJViewController
    
    - (void)viewDidLoad
    {
        [super viewDidLoad];

    }
    
    - (NSArray *)statusFrames
    {
        if (_statusFrames == nil) {
            // 初始化
            // 1.獲得plist的全路徑
            NSString *path = [[NSBundle mainBundle] pathForResource:@"statuses.plist" ofType:nil];
            // 2.加載數(shù)組
            NSArray *dictArray = [NSArray arrayWithContentsOfFile:path];
            // 3.將dictArray里面的所有字典轉(zhuǎn)成模型對(duì)象,放到新的數(shù)組中
            NSMutableArray *statusFrameArray = [NSMutableArray array];
            for (NSDictionary *dict in dictArray) {
                // 3.1.創(chuàng)建GJStatus模型對(duì)象
                GJStatus *status = [GJStatus statusWithDict:dict];
                
                // 3.2.創(chuàng)建GJStatusFrame模型對(duì)象
                GJStatusFrame *statusFrame = [[GJStatusFrame alloc] init];
                statusFrame.status = status;
                
                // 3.2.添加模型對(duì)象到數(shù)組中
                [statusFrameArray addObject:statusFrame];
            }
            
            // 4.賦值
            _statusFrames = statusFrameArray;
        }
        return _statusFrames;
    }
    
    - (BOOL)prefersStatusBarHidden
    {
        return YES;
    }
    
    #pragma mark - 實(shí)現(xiàn)數(shù)據(jù)源方法
    - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
    {
        return self.statusFrames.count;
    }
    
    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    {
        // 1.創(chuàng)建cell
        GJStatusCell *cell = [GJStatusCell cellWithTableView:tableView];
        
        // 2.在這個(gè)方法算好了cell的高度
        cell.statusFrame = self.statusFrames[indexPath.row];
        
        // 3.返回cell
        return cell;
    }
    
    #pragma mark - 實(shí)現(xiàn)代理方法
    - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
    {
        // 取出這行對(duì)應(yīng)的frame模型
        GJStatusFrame *statusFrame = self.statusFrames[indexPath.row];
        return statusFrame.cellHeight;
    }
    
    @end

cell數(shù)據(jù)類的代碼我就不寫(xiě)了, 因?yàn)楹芎?jiǎn)單, 就是我們以前將我們的plist文件轉(zhuǎn)模型

**cell的frame模型.h文件: **

// 這個(gè)模型對(duì)象專門(mén)用來(lái)存放cell內(nèi)部所有的子控件的frame數(shù)據(jù) + cell的高度
// 一個(gè)cell擁有一個(gè)GJStatusFrame模型

#import <Foundation/Foundation.h>

@class GJStatus;

@interface GJStatusFrame : NSObject
/**
 *  頭像的frame
 */
@property (nonatomic, assign, readonly) CGRect iconF;
/**
 *  昵稱的frame
 */
@property (nonatomic, assign, readonly) CGRect nameF;
/**
 *  會(huì)員圖標(biāo)的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) GJStatus *status;
@end

**frame模型.m文件: **

    // 昵稱的字體
    #define MJNameFont [UIFont systemFontOfSize:14]
    // 正文的字體
    #define MJTextFont [UIFont systemFontOfSize:15]
    
    #import "MJStatusFrame.h"
    #import "MJStatus.h"
    
    @implementation MJStatusFrame
    
    /**
     *  計(jì)算文字尺寸
     *
     *  @param text    需要計(jì)算尺寸的文字
     *  @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;
    }
    
    
    - (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.會(huì)員圖標(biāo)
        CGFloat vipX = CGRectGetMaxX(_nameF) + padding;
        CGFloat vipY = nameY;
        CGFloat vipW = 14;
        CGFloat vipH = 14;
        _vipF = CGRectMake(vipX, vipY, vipW, vipH);
        
        // 4.正文
        CGFloat textX = iconX;
        CGFloat textY = CGRectGetMaxY(_iconF) + padding;
        CGSize textSize = [self sizeWithText:self.status.text font:MJTextFont maxSize:CGSizeMake(300, MAXFLOAT)];
        _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

**繼承自UITableViewCell的cell.h文件: **

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

@interface GJStatusCell : UITableViewCell
@property (nonatomic, strong) GJStatusFrame *statusFrame;

+ (instancetype)cellWithTableView:(UITableView *)tableView;
@end

**繼承自UITableViewCell的cell.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;
    /**
     *  會(huì)員圖標(biāo)
     */
    @property (nonatomic, weak) UIImageView *vipView;
    /**
     *  正文
     */
    @property (nonatomic, weak) UILabel *textView;
    /**
     *  配圖
     */
    @property (nonatomic, weak) UIImageView *pictureView;
    @end
    
    @implementation MJStatusCell
    
    /**
     *  構(gòu)造方法(在初始化對(duì)象的時(shí)候會(huì)調(diào)用)
     *  一般在這個(gè)方法中添加需要顯示的子控件
     */
    - (id)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.會(huì)員圖標(biāo)
            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;
    }
    
    /**
     *  在這個(gè)方法中設(shè)置子控件的frame和顯示數(shù)據(jù)
     */
    - (void)setStatusFrame:(MJStatusFrame *)statusFrame
    {
        _statusFrame = statusFrame;
        
        // 1.設(shè)置數(shù)據(jù)
        [self settingData];
        
        // 2.設(shè)置frame
        [self settingFrame];
    }
    
    /**
     *  設(shè)置數(shù)據(jù)
     */
    - (void)settingData
    {
        // 微博數(shù)據(jù)
        MJStatus *status = self.statusFrame.status;
        
        // 1.頭像
        self.iconView.image = [UIImage imageNamed:status.icon];
        
        // 2.昵稱
        self.nameView.text = status.name;
        
        // 3.會(huì)員圖標(biāo)
        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 { // 沒(méi)有配圖
            self.pictureView.hidden = YES;
        }
    }
    
    /**
     *  計(jì)算文字尺寸
     *
     *  @param text    需要計(jì)算尺寸的文字
     *  @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;
    }
    
    /**
     *  設(shè)置frame
     */
    - (void)settingFrame
    {
        // 1.頭像
        self.iconView.frame = self.statusFrame.iconF;
        
        // 2.昵稱
        self.nameView.frame = self.statusFrame.nameF;
        
        // 3.會(huì)員圖標(biāo)
        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;
    }
    @end

知識(shí)點(diǎn):

  • 我們擁有兩個(gè)模型: a.用于存儲(chǔ)cell數(shù)據(jù)的模型 ; b.用于設(shè)置cellframe\存儲(chǔ)數(shù)據(jù)模型

  • 然而我們發(fā)現(xiàn), 在我們控制器中只發(fā)現(xiàn)了frame模型, 這是由于我們的frame模型里面加載了存儲(chǔ)數(shù)據(jù)模型, 所以我們控制器中一旦擁有了frame模型, 那么存儲(chǔ)數(shù)據(jù)模型也被控制器擁有了

  • 為什么我們要將存儲(chǔ)數(shù)據(jù)模型加載到frame模型中???
    我們要設(shè)置每一個(gè)cell的尺寸. 首先要拿到每一個(gè)cell的內(nèi)部數(shù)據(jù), 才能計(jì)算,每一個(gè)cell的尺寸

  • 貌似這樣做很麻煩, 為什么???

這個(gè)代碼的整體是比較麻煩, 而且其他方法比較簡(jiǎn)單, 但是這樣做事為了, 程序的流暢性考慮的, 以前的那種寫(xiě)法, 就是將我們計(jì)算cell的frame直接寫(xiě)到我們改寫(xiě)的setter方法中, 這樣做的后果就是, 每當(dāng)我們創(chuàng)建一個(gè)cell時(shí), 都需要重新計(jì)算一次cellframe, 這樣會(huì)導(dǎo)致, 程序運(yùn)行起來(lái)不夠流暢

  • 我們的tableView中有一個(gè)代理方法 也是和我們的cell 高度有關(guān),
    為什么不直接在這個(gè)方法中設(shè)設(shè)置cell高度呢???

因?yàn)? 如果要計(jì)算我們每一個(gè)cell的高度, 都必須要我們的繼承自tableViewCell的cell傳入計(jì)算好的值給我們的控制器, 這樣沒(méi)有辦法完成.
還有就是在程序中cell創(chuàng)建中, 這個(gè)方法只調(diào)用一次, 所以也沒(méi)有辦法完成.

步驟總結(jié):

通過(guò)代碼自定義cell(cell的高度不一致)

1.新建一個(gè)繼承自UITableViewCell的類

2.重寫(xiě)initWithStyle:reuseIdentifier:方法

  • 添加所有需要顯示的子控件(不需要設(shè)置子控件的數(shù)據(jù)和frame, 子控件要添加到contentView中)
  • 進(jìn)行子控件一次性的屬性設(shè)置(有些屬性只需要設(shè)置一次, 比如字體\固定的圖片)

3.提供2個(gè)模型

  • 數(shù)據(jù)模型: 存放文字?jǐn)?shù)據(jù)\圖片數(shù)據(jù)
  • frame模型: 存放數(shù)據(jù)模型\所有子控件的frame\cell的高度

4.cell擁有一個(gè)frame模型(不要直接擁有數(shù)據(jù)模型)

5.重寫(xiě)frame模型屬性的setter方法: 在這個(gè)方法中設(shè)置子控件的顯示數(shù)據(jù)和frame

6.frame模型數(shù)據(jù)的初始化已經(jīng)采取懶加載的方式(每一個(gè)cell對(duì)應(yīng)的frame模型數(shù)據(jù)只加載一次)

作者說(shuō):

很抱歉, 現(xiàn)在才更新, 最近課程太多了, 讓我有點(diǎn)感覺(jué)是在高三, 而不是在大一, 在后面我們努力的.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市模软,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖焦读,帶你破解...
    沈念sama閱讀 211,123評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件驰徊,死亡現(xiàn)場(chǎng)離奇詭異忽冻,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)躺同,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)花嘶,“玉大人笋籽,你說(shuō)我怎么就攤上這事⊥衷保” “怎么了车海?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,723評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我侍芝,道長(zhǎng)研铆,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,357評(píng)論 1 283
  • 正文 為了忘掉前任州叠,我火速辦了婚禮棵红,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘咧栗。我一直安慰自己逆甜,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,412評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布致板。 她就那樣靜靜地躺著交煞,像睡著了一般。 火紅的嫁衣襯著肌膚如雪斟或。 梳的紋絲不亂的頭發(fā)上素征,一...
    開(kāi)封第一講書(shū)人閱讀 49,760評(píng)論 1 289
  • 那天,我揣著相機(jī)與錄音萝挤,去河邊找鬼御毅。 笑死,一個(gè)胖子當(dāng)著我的面吹牛怜珍,可吹牛的內(nèi)容都是我干的端蛆。 我是一名探鬼主播,決...
    沈念sama閱讀 38,904評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼绘面,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼欺税!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起揭璃,我...
    開(kāi)封第一講書(shū)人閱讀 37,672評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤晚凿,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后瘦馍,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體歼秽,經(jīng)...
    沈念sama閱讀 44,118評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,456評(píng)論 2 325
  • 正文 我和宋清朗相戀三年情组,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了燥筷。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,599評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡院崇,死狀恐怖肆氓,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情底瓣,我是刑警寧澤谢揪,帶...
    沈念sama閱讀 34,264評(píng)論 4 328
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響拨扶,放射性物質(zhì)發(fā)生泄漏凳鬓。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,857評(píng)論 3 312
  • 文/蒙蒙 一患民、第九天 我趴在偏房一處隱蔽的房頂上張望缩举。 院中可真熱鬧,春花似錦匹颤、人聲如沸仅孩。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,731評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)杠氢。三九已至,卻和暖如春另伍,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背绞旅。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,956評(píng)論 1 264
  • 我被黑心中介騙來(lái)泰國(guó)打工摆尝, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人因悲。 一個(gè)月前我還...
    沈念sama閱讀 46,286評(píng)論 2 360
  • 正文 我出身青樓堕汞,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親晃琳。 傳聞我的和親對(duì)象是個(gè)殘疾皇子讯检,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,465評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 我們?cè)谏弦黄锻ㄟ^(guò)代碼自定義不等高cell》中學(xué)習(xí)了tableView的相關(guān)知識(shí),本文將在上文的基礎(chǔ)上卫旱,利用sto...
    啊世ka閱讀 1,501評(píng)論 2 7
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)人灼、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,059評(píng)論 4 62
  • 1.xib方式創(chuàng)建 每個(gè)cell的顯示的內(nèi)容都是固定的,也就是cell的高度都是相同的 加載數(shù)據(jù) 有plist文件...
    WeiHing閱讀 6,869評(píng)論 0 6
  • 問(wèn)天 第五章 世事何堪适贸? 一條顯得略略擁擠和冷清的小巷里灸芳,零亂地開(kāi)著一些水果店副食店和小吃店,因?yàn)榻?..
    知秋化蝶閱讀 344評(píng)論 0 1
  • 前幾天拜姿,媽媽烙样、姐姐及表哥一行五人來(lái)我家小住游玩,感賞老公為他們接風(fēng)洗塵蕊肥,感賞姑姐如此熱情款待谒获,感賞家婆及老公哥嫂頂...
    張怡妹閱讀 153評(píng)論 0 6