Cell中实现多图展示

实现的效果如下:

 

主要实现代码如下:

//
//  DetailCell.m
//  Floral
//
//  Created by 思 彭 on 16/9/21.
//  Copyright © 2016年 思 彭. All rights reserved.
//

#import "DetailCell.h"
#import "UIImageView+WebCache.h"
#import "UIView+AdjustFrame.h"
#import "ImageCollectionView.h"
#import "ImageCell.h"

#define K_SCREEN_WIDTH ([UIScreen mainScreen].bounds.size.width)
#define K_SCREEN_HEIGHT ([UIScreen mainScreen].bounds.size.height)

@interface DetailCell ()<UICollectionViewDelegate,UICollectionViewDataSource,UICollectionViewDelegateFlowLayout>
{
    NSArray *imagesArray;  // 详情多张图片展示
    CGFloat imagesHeight;
}
/**
 *  头像
 */
@property (weak, nonatomic) IBOutlet UIImageView *avaterImgView;
/**
 *  用户名
 */
@property (weak, nonatomic) IBOutlet UILabel *userNameLabel;
/**
 *  描述
 */
@property (weak, nonatomic) IBOutlet UILabel *contentLabel;
/**
 *  时间
 */
@property (weak, nonatomic) IBOutlet UILabel *timeLabel;
/**
 *  更多
 */
@property (weak, nonatomic) IBOutlet UIButton *moreButton;
/**
 *  "更多"按钮被点击
 *
 *  @param sender <#sender description#>
 */
- (IBAction)moreBUttonClick:(id)sender;
/**
 *  collectionView
 */
@property (weak, nonatomic) IBOutlet UIView *imagesView;
/**
 *  赞
 */
@property (weak, nonatomic) IBOutlet UIButton *loveButton;
/**
 *  评论
 */
@property (weak, nonatomic) IBOutlet UIButton *commentButton;
/**
 *  分享
 */
@property (weak, nonatomic) IBOutlet UIButton *shareButton;
@property (weak, nonatomic) IBOutlet UILabel *morningLabel;
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *morningLabelTop;
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *bottomButtonY;

@property (nonatomic,strong) ImageCollectionView *collectionView;

@end

@implementation DetailCell

- (void)awakeFromNib {

    [super awakeFromNib];
    // Xcode 8必须自己设置,不然不显示
    self.avaterImgView.layer.cornerRadius = 25;
    self.avaterImgView.layer.masksToBounds = YES;
    self.userNameLabel.font = [UIFont systemFontOfSize:14];
    self.timeLabel.font = [UIFont systemFontOfSize:14];
    self.contentLabel.font = [UIFont systemFontOfSize:14];
    self.morningLabel.font = [UIFont systemFontOfSize:14];
    self.contentLabel.textColor = [UIColor grayColor];
    self.timeLabel.textColor = [UIColor grayColor];
    self.morningLabel.textColor = [UIColor grayColor];
    // 创建collectionView
    
    UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc]init];
    layout.itemSize = CGSizeMake((K_SCREEN_WIDTH - 15) / 2, (K_SCREEN_WIDTH - 15) / 2);
    layout.sectionInset = UIEdgeInsetsMake(5,5,5,5);
    layout.minimumLineSpacing = 5;
    layout.minimumInteritemSpacing = 0;
    self.collectionView = [[ImageCollectionView alloc]initWithFrame:CGRectZero collectionViewLayout:layout];
    self.collectionView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
    self.collectionView.dataSource = self;
    self.collectionView.delegate = self;
    self.collectionView.backgroundColor = [UIColor clearColor];
    [self.imagesView addSubview:self.collectionView];
    
    // 注册cell
    [self.collectionView registerNib:[UINib nibWithNibName:NSStringFromClass([ImageCell class]) bundle:nil] forCellWithReuseIdentifier:@"cell"];
}

- (void)setModel:(TieZiListModel *)model{
    
    _model = model;
    [self.avaterImgView sd_setImageWithURL:[NSURL URLWithString:self.model.customer.headImg] placeholderImage:[UIImage imageNamed:@"p_avatar"]];
    self.userNameLabel.text = self.model.customer.userName;
    if ([self.model.customer.content isEqualToString:@""]) {
        
        self.contentLabel.text = @"这家伙很懒,什么也没留下";
    }
    else{
        self.contentLabel.text = self.model.content;
    }
    self.morningLabel.text = self.model.content;
    [self.loveButton setTitle:[NSString stringWithFormat:@"%ld",self.model.read] forState:UIControlStateNormal];
    [self.commentButton setTitle:[NSString stringWithFormat:@"%ld",self.model.comment] forState:UIControlStateNormal];
    [self.shareButton setTitle:[NSString stringWithFormat:@"%ld",self.model.share] forState:UIControlStateNormal];
    // 判空处理
    if (self.model.createDate.length) {
        
        NSString *timeString = [self.model.createDate componentsSeparatedByString:@"."][0];
        self.timeLabel.text = timeString;
    }
    [self.collectionView reloadData];
    self.collectionView.frame = CGRectMake(0, self.imagesView.y - 70, self.imagesView.width, [self getCollectionViewHeight]);
    self.model.cellHeight = 70 + 70 + [self getCollectionViewHeight];
}


/* 更多按钮被点击

 @param sender 点击的按钮
 */
- (IBAction)moreBUttonClick:(id)sender {
    
    if ([self.delegate respondsToSelector:@selector(DidClickMoreButton:)]) {
        [self.delegate DidClickMoreButton:self];
    }
}
- (IBAction)zanButtonClick:(id)sender {
    
    [sender setImage:[UIImage imageNamed:@"p_zan-selected"] forState:UIControlStateSelected];
}
- (IBAction)commentClick:(id)sender {
    if ([self.delegate respondsToSelector:@selector(DidClickCommentButton:)]) {
        [self.delegate DidClickCommentButton:self];
    }
}
- (IBAction)shareButtonClick:(id)sender {
    
    if ([self.delegate respondsToSelector:@selector(DidClickShareButton:)]) {
        [self.delegate DidClickShareButton:self];
    }
}
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
    
    NSString *attachment = self.model.attachment;
    NSArray *imgArray = [attachment componentsSeparatedByString:@","];
    return imgArray.count;
}

- (__kindof UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
    
    ImageCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath];
    NSString *attachment = self.model.attachment;
    cell.backgroundColor = [UIColor greenColor];
    NSArray *imgArray = [attachment componentsSeparatedByString:@","];
    cell.imageName = imgArray[indexPath.row];
    return cell;
}

- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section{
    
    return UIEdgeInsetsMake(0,5,0,5);
}

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath{
    
    return CGSizeMake((K_SCREEN_WIDTH - 15) / 2, (K_SCREEN_WIDTH - 15) / 2);
}

- (CGFloat)getCollectionViewHeight{
    
    CGFloat collectionViewHeight = 0.0;
    CGFloat height = 0.0;
    NSString *attachment = self.model.attachment;
    NSArray *imgArray = [attachment componentsSeparatedByString:@","];
    if (imgArray.count % 2 != 0) {
        
        height = imgArray.count / 2 + 1;
    }
    else{
        height = imgArray.count / 2;
    }
    collectionViewHeight = height * ((K_SCREEN_WIDTH - 15) / 2) + ((height + 1)* 5);
    return collectionViewHeight;
}
@end

 

写的挺详细哟!!!有问题的可以找我要Demo哟!!

也可以加我的QQ: 1299625033....我们可以一起交流问题,一起学习!!!