iOS UITableView结合Masonry布局，微仿朋友圈

前段时间发了一篇关于Cell自适应高度的文章，文章结尾承诺会更新一篇带有类似朋友圈的评论框的布局的文章。其实也不算是一种承诺，我自己更认为是给自己留的一个homework。哈哈哈，好了，废话到此为止。

结构，项目结构就是这么简单的一个结构。

Tools里有两个小工具：
1、HYBMasonryAutoCellHeight，来自标哥的这个工具
2、LYMasonryAutoFooterViewHeight，是我仿照标哥这个工具照抄的，不想照抄的朋友看这里
Model就不用说了，解析数据的
View也是，自定义的一些view

结构图.png

看下效果图吧

效果图.gif
  • 其实我个效果就是把我前面发过的几个文章结合了，整理整理放到一起，就是这样的效果。接下来简单说一下吧。

1、Model

Model其实很简单，就是把数据源的字段生成属性，没什么可说的，代码如下：

#import <Foundation/Foundation.h>

NS_ASSUME_NONNULL_BEGIN

@interface FriendsCircleModel : NSObject

@property (nonatomic, strong) NSString *userPic;
@property (nonatomic, strong) NSString *userName;
@property (nonatomic, strong) NSString *publicTime;
@property (nonatomic, strong) NSString *content;
@property (nonatomic, assign) NSInteger imgCount;
@property (nonatomic, strong) NSArray *commentCount;

@end

NS_ASSUME_NONNULL_END

2、View

直接上代码

  • FriendCircleCell.h
#import <UIKit/UIKit.h>

NS_ASSUME_NONNULL_BEGIN

@class FriendsCircleModel;

@interface FriendCircleCell : UITableViewCell

-(void)setModel:(FriendsCircleModel *)model;

@end

NS_ASSUME_NONNULL_END
  • FriendCircleCell.m
#import "FriendCircleCell.h"
#import "FriendsCircleModel.h"
#import "FriendCircleImgView.h"

@interface FriendCircleCell ()

@property (nonatomic, strong) UIView *vLine;
@property (nonatomic, strong) UIImageView *ivUser;
@property (nonatomic, strong) UILabel *lName;
@property (nonatomic, strong) UILabel *lTime;
@property (nonatomic, strong) UILabel *lContent;
@property (nonatomic, strong) FriendCircleImgView *fcIView;

@end

@implementation FriendCircleCell

-(instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
    
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        self.contentView.backgroundColor = [UIColor whiteColor];
        self.selectionStyle = UITableViewCellSelectionStyleNone;
        [self createUI];//创建UI
    }
    return self;
    
}

#pragma mark - 创建UI
-(void)createUI{
    
    //上划线
    _vLine = [UIView new];
    _vLine.backgroundColor = [UIColor groupTableViewBackgroundColor];
    [self addSubview:_vLine];
    
    //头像
    _ivUser = [UIImageView new];
    _ivUser.clipsToBounds = YES;
    _ivUser.contentMode = UIViewContentModeScaleAspectFill;
    [self addSubview:_ivUser];
    
    //用户名
    _lName = [UILabel new];
    _lName.textColor = [UIColor grayColor];
    _lName.textAlignment = NSTextAlignmentLeft;
    _lName.font = [UIFont systemFontOfSize:14];
    [self addSubview:_lName];
    
    //时间
    _lTime = [UILabel new];
    _lTime.textColor = [UIColor lightGrayColor];
    _lTime.textAlignment = NSTextAlignmentLeft;
    _lTime.font = [UIFont systemFontOfSize:12];
    [self addSubview:_lTime];
    
    //内容
    _lContent = [UILabel new];
    _lContent.textColor = [UIColor blackColor];
    _lContent.textAlignment = NSTextAlignmentLeft;
    _lContent.font = [UIFont systemFontOfSize:14];
    _lContent.numberOfLines = 0;
    [self addSubview:_lContent];
    //必须设置UILabel的最大宽度
    _lContent.preferredMaxLayoutWidth = [UIScreen mainScreen].bounds.size.width - 90;
    
    //图片
    _fcIView = [[FriendCircleImgView alloc]initWithMaxWidth:[UIScreen mainScreen].bounds.size.width - 90];
    [self addSubview:_fcIView];
    
    //下面两句必须要写
    self.hyb_lastViewInCell = _fcIView;//最后一个视图
    
}

#pragma mark - 创建布局
-(void)createLayout{
    
    //上划线
    [_vLine mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.top.right.mas_equalTo(0);
        make.height.mas_equalTo(1);
    }];
    
    //头像
    [_ivUser mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.top.mas_equalTo(20);
        make.size.mas_equalTo(CGSizeMake(40, 40));
    }];
    
    //用户名
    [_lName mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(self.ivUser.mas_right).offset(10);
        make.top.mas_equalTo(self.ivUser.mas_top);
        make.height.mas_equalTo(20);
        make.right.mas_equalTo(self.mas_right).offset(-20);
    }];
    
    //时间
    [_lTime mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(self.lName.mas_left);
        make.top.mas_equalTo(self.lName.mas_bottom).offset(5);
        make.height.mas_equalTo(10);
    }];
    
    //内容
    [_lContent mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(self.lName.mas_left);
        make.top.mas_equalTo(self.lTime.mas_bottom).offset(10);
        make.right.mas_equalTo(self.mas_right).offset(-20);
    }];
    
    //图片
    [_fcIView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(self.lContent.mas_left);
        make.top.mas_equalTo(self.lContent.mas_bottom).offset(20);
        make.right.mas_equalTo(self.lContent.mas_right);
    }];
    
}

-(void)layoutSubviews{
    [super layoutSubviews];
    [self createLayout];//创建布局
}

#pragma mark - 添加数据源
-(void)setModel:(FriendsCircleModel *)model{
    
    _ivUser.backgroundColor = [UIColor groupTableViewBackgroundColor];
    _lName.text = model.userName;
    _lTime.text = model.publicTime;
    _lContent.text = model.content;
    _fcIView.buttonCount = model.imgCount;
    
    //如果没有图片，改变图片视图距离底部边距
    if (model.imgCount == 0) {
        self.hyb_bottomOffsetToCell = 0;//最后一个视图距离底边距，默认为0
    }else{
        self.hyb_bottomOffsetToCell = 10;//最后一个视图距离底边距，默认为0
    }
    
}

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

@end

FriendCircleImgView这个小工具之前发过文章，文章地址在这里。

  • FriendCircleImgView.h
#import <UIKit/UIKit.h>

NS_ASSUME_NONNULL_BEGIN

@interface FriendCircleImgView : UIView

///初始化的时候传入最大宽度，方便布局使用
-(instancetype)initWithMaxWidth:(CGFloat)width;

///本次需要添加宫格的个数
@property (nonatomic, assign) NSInteger buttonCount;

@end

NS_ASSUME_NONNULL_END
  • FriendCircleImgView.m
#import "FriendCircleImgView.h"

typedef enum : NSUInteger {
    FCButtonLayoutStyleOne,//一张图片
    FCButtonLayoutStyleTwo,//两张图片
    FCButtonLayoutStyleFour,//四张图片
    FCButtonLayoutStyleOther,//其他
} FCButtonLayoutStyle;

@interface FriendCircleImgView ()

///装多宫格的数组,复用视图
@property (nonatomic, strong) NSMutableArray <UIButton*>* buttons;
///容器视图 来自适应九宫格高度
@property (nonatomic, strong) UIView * containerView;
///容器视图的底部约束
@property (nonatomic, weak) MASConstraint * containerViewConstraintbottom;
///button布局类型
@property (nonatomic) FCButtonLayoutStyle layoutStyle;
///最大宽度
@property (nonatomic) CGFloat maxWidth;

@end

@implementation FriendCircleImgView

-(void)setButtonCount:(NSInteger)buttonCount{
    
    //有图片的情况
    if (buttonCount != 0) {
        
        if (buttonCount == 1) {
            self.layoutStyle = FCButtonLayoutStyleOne;
        }else if (buttonCount == 2){
            self.layoutStyle = FCButtonLayoutStyleTwo;
        }else if (buttonCount == 4){
            self.layoutStyle = FCButtonLayoutStyleFour;
        }else{
            self.layoutStyle = FCButtonLayoutStyleOther;
        }
        
        //每次重新创建宫格的个数 从容器视图中移除
        [self.containerView.subviews enumerateObjectsUsingBlock:^(UIButton * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
            if (!obj.hidden) {
                [obj removeFromSuperview];
                obj.hidden = true;
            }
        }];
        
        //循环从初始化list中取出在添加到容器视图当中
        for (int i = 0; i< buttonCount; i++) {
            UIButton *btn = self.buttons[i];
            [self.containerView addSubview:btn];
            btn.hidden = false;
        }
        
        //间距x,y
        CGFloat marginX = 10.0;
        CGFloat marginY = marginX;
        
        
        //一张图片的情况
        if (self.layoutStyle == FCButtonLayoutStyleOne) {
            
            //button宽度
            CGFloat btnWidth = self.maxWidth - marginX * 2;
            
            UIButton *subv = self.containerView.subviews[0];
            subv.backgroundColor = [UIColor colorWithRed:arc4random_uniform(255)/255.0 green:arc4random_uniform(255)/255.0 blue:arc4random_uniform(255)/255.0 alpha:1];
            
            [subv mas_updateConstraints:^(MASConstraintMaker *make){
                make.left.mas_equalTo(marginX);
                make.top.mas_equalTo(marginY);
                make.size.mas_equalTo(CGSizeMake(btnWidth, btnWidth));
            }];
            
        }
        
        //两张图片的情况
        if (self.layoutStyle == FCButtonLayoutStyleTwo) {
            
            //button宽度
            CGFloat btnWidth = (self.maxWidth - marginX * 3) / 2;
            
            for (int i = 0; i < self.containerView.subviews.count ; i++) {
                
                UIButton *subv = self.containerView.subviews[i];
                subv.backgroundColor = [UIColor colorWithRed:arc4random_uniform(255)/255.0 green:arc4random_uniform(255)/255.0 blue:arc4random_uniform(255)/255.0 alpha:1];
                
                [subv mas_updateConstraints:^(MASConstraintMaker *make){
                    make.left.mas_equalTo(marginX + i % 2 * (btnWidth + marginX));
                    make.top.mas_equalTo(marginY);
                    make.size.mas_equalTo(CGSizeMake(btnWidth, btnWidth));
                }];
                
            }
            
        }
        
        //四张图片的情况
        if (self.layoutStyle == FCButtonLayoutStyleFour) {
            
            //button宽度
            CGFloat btnWidth = (self.maxWidth - marginX * 3) / 2;
            
            for (int i = 0; i < self.containerView.subviews.count ; i++) {
                
                UIButton *subv = self.containerView.subviews[i];
                subv.backgroundColor = [UIColor colorWithRed:arc4random_uniform(255)/255.0 green:arc4random_uniform(255)/255.0 blue:arc4random_uniform(255)/255.0 alpha:1];
                
                [subv mas_updateConstraints:^(MASConstraintMaker *make){
                    make.left.mas_equalTo(marginX + i % 2 * (btnWidth + marginX));
                    make.top.mas_equalTo(marginY + i / 2 * (btnWidth + marginY));
                    make.size.mas_equalTo(CGSizeMake(btnWidth, btnWidth));
                }];
                
            }
            
        }
        
        //其他情况
        if (self.layoutStyle == FCButtonLayoutStyleOther) {
            
            //button宽度
            CGFloat btnWidth = (self.maxWidth - marginX * 4) / 3;
            
            for (int i = 0; i < self.containerView.subviews.count ; i++) {
                
                UIButton *subv = self.containerView.subviews[i];
                subv.backgroundColor = [UIColor colorWithRed:arc4random_uniform(255)/255.0 green:arc4random_uniform(255)/255.0 blue:arc4random_uniform(255)/255.0 alpha:1];
                
                [subv mas_updateConstraints:^(MASConstraintMaker *make){
                    make.left.mas_equalTo(marginX + i % 3 * (btnWidth + marginX));
                    make.top.mas_equalTo(marginY + i / 3 * (btnWidth + marginY));
                    make.size.mas_equalTo(CGSizeMake(btnWidth, btnWidth));
                }];
                
            }
            
        }
        
        //卸载上一次容器视图的底部约束
        if (self.containerViewConstraintbottom) {
            [self.containerViewConstraintbottom uninstall];
        }
        //重新生成容器视图的底部约束 参考最后一个宫格的底部
        [self.containerView mas_makeConstraints:^(MASConstraintMaker *make) {
            self.containerViewConstraintbottom = make.bottom.equalTo(self.containerView.subviews.lastObject).offset(marginX);
        }];
        [self mas_makeConstraints:^(MASConstraintMaker *make) {
            make.bottom.equalTo(self.containerView.mas_bottom);
        }];
        
    }
    
    //无图片的情况
    else{
        
        //每次重新创建宫格的个数 从容器视图中移除
        [self.containerView.subviews enumerateObjectsUsingBlock:^(UIButton * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
            if (!obj.hidden) {
                [obj removeFromSuperview];
                obj.hidden = true;
            }
        }];
        //卸载上一次容器视图的底部约束
        if (self.containerViewConstraintbottom) {
            [self.containerViewConstraintbottom uninstall];
        }
        //重新生成容器视图的底部约束 参考最后一个宫格的底部
        [self.containerView mas_makeConstraints:^(MASConstraintMaker *make) {
            self.containerViewConstraintbottom = make.bottom.equalTo(self.containerView.mas_top).offset(0);
        }];
        [self mas_makeConstraints:^(MASConstraintMaker *make) {
            make.bottom.equalTo(self.containerView.mas_bottom);
        }];
        
    }
    
}

-(instancetype)initWithMaxWidth:(CGFloat)width{
    
    self = [super init];
    if (self) {
        
        self.maxWidth = width;
        self.backgroundColor = [UIColor groupTableViewBackgroundColor];
        for (int i = 0; i < 9; i++) {
            UIButton * button = [UIButton new];
            button.hidden = true;
            [self.buttons addObject:button];
        }
        [self addSubview:self.containerView];
        [self.containerView mas_makeConstraints:^(MASConstraintMaker *make) {
            make.left.top.right.equalTo(self);
        }];
        
    }
    return self;
    
}

/// MARK: ---- 懒加载
-(NSMutableArray *)buttons {
    if (!_buttons) {
        _buttons = [NSMutableArray array];
    }
    return _buttons;
}
-(UIView *)containerView {
    if (!_containerView) {
        _containerView = [UIView new];
    }
    return _containerView;
}

@end
  • FriendCircleFooterView.h
#import <UIKit/UIKit.h>

NS_ASSUME_NONNULL_BEGIN

@class FriendsCircleModel;

@interface FriendCircleFooterView : UITableViewHeaderFooterView

-(void)setModel:(FriendsCircleModel *)model;

@end

NS_ASSUME_NONNULL_END
  • FriendCircleFooterView.m
#import "FriendCircleFooterView.h"
#import "FriendsCircleModel.h"

@interface FriendCircleFooterView ()

@property (nonatomic, strong) UIView *ivbg;

@end

@implementation FriendCircleFooterView

-(instancetype)initWithReuseIdentifier:(NSString *)reuseIdentifier{
    
    self = [super initWithReuseIdentifier:reuseIdentifier];
    if (self) {
        self.contentView.backgroundColor = [UIColor whiteColor];
        [self createUI];//创建UI
    }
    return self;
    
}

#pragma mark - 创建UI
-(void)createUI{
    
    _ivbg = [UIView new];
    _ivbg.backgroundColor = [UIColor groupTableViewBackgroundColor];
    [self.contentView addSubview:_ivbg];
    
}

-(void)setModel:(FriendsCircleModel *)model{

    //先移除self.vbg的所有子视图
    [self.ivbg.subviews enumerateObjectsUsingBlock:^(UIButton * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
        [obj removeFromSuperview];
    }];
    
    //再重新创建新的子视图
    [self createSubView:model];
    
}

#pragma mark - 评论View
-(void)createSubView:(FriendsCircleModel *)model{
    
    __weak typeof(self) weakSelf = self;
    
    //评论数不为0的时候
    if (model.commentCount.count != 0) {
        
        UILabel *lastLabel = nil;
        for (int i = 0; i < model.commentCount.count; i ++) {
            
            UILabel *lComment = [UILabel new];
            lComment.text = model.commentCount[i];
            lComment.textColor = [UIColor blackColor];
            lComment.textAlignment = NSTextAlignmentLeft;
            lComment.font = [UIFont systemFontOfSize:12];
            lComment.numberOfLines = 0;
            [weakSelf.ivbg addSubview:lComment];
            //必须设置UILabel视图的最大宽度
            lComment.preferredMaxLayoutWidth = [UIScreen mainScreen].bounds.size.width - 110;
            
            [lComment mas_updateConstraints:^(MASConstraintMaker *make) {
                
                if (lastLabel) {
                    make.top.mas_equalTo(lastLabel.mas_bottom).offset(5);
                } else {
                    make.top.mas_equalTo(weakSelf.ivbg.mas_top).offset(20);
                }
                
                make.left.mas_equalTo(weakSelf.ivbg.mas_left).offset(10);
                make.right.mas_equalTo(weakSelf.ivbg.mas_right).offset(-10);
                
            }];
            
            lastLabel = lComment;
            
        }
        
        [_ivbg mas_updateConstraints:^(MASConstraintMaker *make) {
            
            make.left.mas_equalTo(weakSelf.contentView.mas_left).offset(70);
            make.top.mas_equalTo(weakSelf.contentView.mas_top);
            make.right.mas_equalTo(weakSelf.contentView.mas_right).offset(-20);
            make.bottom.mas_equalTo((weakSelf.ivbg.subviews.lastObject).mas_bottom).offset(10);
            
        }];
        
    }
    
    //评论数为0的时候
    else{
        
        [_ivbg mas_updateConstraints:^(MASConstraintMaker *make) {
            make.edges.mas_equalTo(weakSelf.contentView);
        }];
        
    }
    
    //下面两句必须要写
    self.ly_lastViewInView = _ivbg;//最后一个视图
    self.ly_bottomOffsetToView = 0;//最后一个视图距离底边距，默认为0
    
}

@end

3、Controller

控制器里面就是创建了TableView、数据源和自适应高度工具的用法。
值得说一下的是UITableView的UITableViewHeaderFooterView的复用的问题，这点肯定被很多人都忽视了，都知道cell可以复用，其实HeaderFooterView也可以这么用，不过这些都是看需求和自己处理逻辑的方式来定的。用法和cell的复用一毛一样。

#import "FriendsCircleController.h"
#import "FriendCircleCell.h"
#import "FriendsCircleModel.h"
#import "FriendCircleFooterView.h"

@interface FriendsCircleController ()<UITableViewDelegate,UITableViewDataSource>

@property (nonatomic, strong) UITableView *tvList;
@property (nonatomic, strong) NSMutableArray *dataSource;

@end

@implementation FriendsCircleController

-(void)viewDidLayoutSubviews{
    
    [super viewDidLayoutSubviews];
    
    [_tvList mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.mas_equalTo(self.view);
    }];
    
}

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    [self.view addSubview:self.tableView];

    for (NSDictionary *dict in [self arrayDataSource]) {

        FriendsCircleModel *model = [FriendsCircleModel new];
        model.userPic = dict[@"user_pic"];
        model.userName = dict[@"user_name"];
        model.publicTime = dict[@"public_time"];
        model.content = dict[@"content"];
        model.imgCount = [dict[@"img_count"] integerValue];
        model.commentCount = dict[@"comment_count"];
        [self.dataSource addObject:model];

    }
    [_tvList reloadData];
    
}

#pragma mark - TableView
-(UITableView *)tableView{
    
    if (!_tvList) {
        _tvList = [[UITableView alloc]initWithFrame:CGRectZero style:UITableViewStyleGrouped];
        _tvList.delegate = self;
        _tvList.dataSource = self;
        _tvList.separatorStyle = UITableViewCellSeparatorStyleNone;
        _tvList.backgroundColor = [UIColor whiteColor];
    }
    return _tvList;
    
}

#pragma mark - TableViewDataSource
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
    return self.dataSource.count;
}

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return 1;
}

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    
    static NSString *ident = @"Cell";
    FriendCircleCell *cell = [tableView dequeueReusableCellWithIdentifier:ident];
    if (!cell) {
        cell = [[FriendCircleCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ident];
    }
    
    FriendsCircleModel *model = self.dataSource[indexPath.section];
    [cell setModel:model];
    
    return cell;
    
}

#pragma mark - TableViewDelegate
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    
    CGFloat height = [FriendCircleCell hyb_heightForTableView:tableView config:^(UITableViewCell *sourceCell) {
        
        FriendCircleCell *regCell = (FriendCircleCell *)sourceCell;
        // 配置数据
        FriendsCircleModel *model = self.dataSource[indexPath.section];
        [regCell setModel:model];
        
    } cache:^NSDictionary *{
        
        return @{kHYBCacheUniqueKey: [NSString stringWithFormat:@"%ld",indexPath.section],
                 kHYBCacheStateKey : @"cell",
                 // 如果设置为YES，若有缓存，则更新缓存，否则直接计算并缓存s
                 // 主要是对社交这种有动态评论等不同状态，高度也会不同的情况的处理
                 kHYBRecalculateForStateKey : @(NO) // 标识要重新更新
                 };
        
    }];
    return height;
    
}

-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
    return [UIView new];
}

-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{
    return 0.0001;
}

-(UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section{
    
    static NSString *identF = @"FView";
    FriendCircleFooterView *vFooter = [tableView dequeueReusableHeaderFooterViewWithIdentifier:identF];
    if (!vFooter) {
        vFooter = [[FriendCircleFooterView alloc]initWithReuseIdentifier:identF];
    }
    
    FriendsCircleModel *model = self.dataSource[section];
    [vFooter setModel:model];
    
    return vFooter;
    
}

-(CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section{
    
    CGFloat height = [FriendCircleFooterView ly_heightForTableView:tableView config:^(UITableViewHeaderFooterView *sourceView) {

        FriendCircleFooterView *regCell = (FriendCircleFooterView *)sourceView;
        // 配置数据
        FriendsCircleModel *model = self.dataSource[section];
        [regCell setModel:model];

    } cache:^NSDictionary *{

        return @{kLYCacheUniqueKey: [NSString stringWithFormat:@"%ld",section],
                 kLYCacheStateKey : @"headerView",
                 // 如果设置为YES，若有缓存，则更新缓存，否则直接计算并缓存s
                 // 主要是对社交这种有动态评论等不同状态，高度也会不同的情况的处理
                 kLYRecalculateForStateKey : @(NO) // 标识要重新更新
                 };

    }];
    return height;
    
}

#pragma mark - 数据源
-(NSArray *)arrayDataSource{
    
    return @[@{@"user_pic":@"",
               @"user_name":[NSString stringWithFormat:@"iOS攻城狮%u",arc4random() % 1000],
               @"public_time":[NSString stringWithFormat:@"%u-%u-%u",arc4random() % 1000,arc4random() % 13,arc4random() % 30],
               @"content":@"今天阳光明媚，今夜多云转晴",
               @"img_count":@(arc4random() % 10),
               @"comment_count":@[@"啊啊啊啊啊",
                                  @"不不不不不不不不"]},
             @{@"user_pic":@"",
               @"user_name":[NSString stringWithFormat:@"iOS攻城狮%u",arc4random() % 1000],
               @"public_time":[NSString stringWithFormat:@"%u-%u-%u",arc4random() % 1000,arc4random() % 13,arc4random() % 30],
               @"content":@"十年生死两茫茫，不思量，自难忘。千里孤坟，无处话凄凉。纵使相逢应不识，尘满面，鬓如霜。",
               @"img_count":@(arc4random() % 10),
               @"comment_count":@[@"sas挨打的"]},
             @{@"user_pic":@"",
               @"user_name":[NSString stringWithFormat:@"iOS攻城狮%u",arc4random() % 1000],
               @"public_time":[NSString stringWithFormat:@"%u-%u-%u",arc4random() % 1000,arc4random() % 13,arc4random() % 30],
               @"content":@"道人自嫌三世将，弃家十年今始壮。玉骨犹含富贵余，漆瞳已照人天上。去年相见古长干，众中矫矫如翔鸾。今年过我江西寺，病瘦已作霜松寒。朱颜不办供岁月，风中蒿火汤中雪。如问君家面黄翁，乞得摩尼照生灭。莫学王郎与支遁，臂鹰走马怜神骏。还君图画君自收，不如木人骑土牛。",
               @"img_count":@(arc4random() % 10),
               @"comment_count":@[@"坦尾我而想方设法的",
                                  @"奥术大师所大所多多挨打的阿斯达阿斯达多所收到",
                                  @"asparagus片速度快啊啥事大"]},
             @{@"user_pic":@"",
               @"user_name":[NSString stringWithFormat:@"iOS攻城狮%u",arc4random() % 1000],
               @"public_time":[NSString stringWithFormat:@"%u-%u-%u",arc4random() % 1000,arc4random() % 13,arc4random() % 30],
               @"content":@"白头萧散满霜风，小阁藤床寄病容。报道先生春睡美，道人轻打五更钟。",
               @"img_count":@(arc4random() % 10),
               @"comment_count":@[]}];
    
}

-(NSMutableArray *)dataSource{
    
    if (!_dataSource) {
        _dataSource = [NSMutableArray new];
    }
    return _dataSource;
    
}

@end
  • 全部代码都在这里，粘贴直接看效果。
    实现这种效果的方式肯定不止这一种，还有更优秀更完美的方式，欢迎评论一起玩耍。

4、全剧终

2019年11月28日——补充

重点的一段：关于UILabel换行的显示，在基于auto layout布局里，必须每个可换行的UILabel都要设置preferredMaxLayoutWidth这个属性，否则会出现凌乱的效果。关于上面文章提到的内容，可能会有朋友没注意到这个属性的设置，在这里重点说明一下。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 204,921评论 6赞 478
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 87,635评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 151,393评论 0赞 338
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,836评论 1赞 277
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,833评论 5赞 368
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,685评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 38,043评论 3赞 399
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,694评论 0赞 258
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 42,671评论 1赞 300
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2赞 321
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1赞 332
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,424评论 4赞 321
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 39,027评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1赞 260
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2赞 351
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2赞 343