TableViewCell内嵌ScrollView

qh_1.gif

先上效果图。
在TableViewCell中内嵌scrollView其实就是将可以滑动的scrollView用[cell.contentView add:scrollView]添加
直接上代码:
首先创建一个ScrollImage继承UIView
在ScrollImage.h中添加接口方法

@interface ScrollImage : UIView
/**
 *  @frame: 外界传来的frame 即scrollView上每个UIImageView的大小
 *
 *  @Array: 外界存放UIImage的数组
 */
- (instancetype)initWithFrame:(CGRect)frame withArray:(NSMutableArray *)array;
@end

在ScrollImage.m中：

#import "ScrollImage.h"
@interface ScrollImage ()<UIScrollViewDelegate> {
    CGRect backFrame; // 传来的frame
    CGFloat Margin; // margin为两边空隙宽度
}
@property (nonatomic, strong) UIScrollView *scrollView;
@property (nonatomic, strong) NSMutableArray *imageArr; // 外界传来的图片数组
@end
@implementation ScrollImage
- (UIScrollView *)scrollView {
    if (!_scrollView) {
        _scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, backFrame.size.height)];
        _scrollView.contentSize = CGSizeMake(backFrame.size.width * _imageArr.count, 0);
        _scrollView.showsHorizontalScrollIndicator = NO;
        _scrollView.bounces = NO;
        _scrollView.delegate = self;
        [self addSubview:_scrollView];
    }
    return _scrollView;
}

- (instancetype)initWithFrame:(CGRect)frame withArray:(NSMutableArray *)array {
    self = [super initWithFrame:frame];
    if (self) {
        _imageArr = array;
        backFrame = frame;
        CGFloat kWidth = frame.size.width * _imageArr.count;
        CGRect Frame = self.frame;
        Frame.size.width = kWidth;
        self.frame = Frame;
        // 触发懒加载
        self.scrollView.backgroundColor = [UIColor clearColor];
        [self addImageViewArr];
    }
    return self;
}

- (void)addImageViewArr {
    NSInteger index = 0;
    for (UIImage *image in _imageArr) {
        UIImageView *imageV = [[UIImageView alloc] initWithImage:image];
        imageV.frame = CGRectMake(index * backFrame.size.width, 0, backFrame.size.width, backFrame.size.height);
        // 给图片加手势
        imageV.userInteractionEnabled = YES;
        imageV.tag = index;
        UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(click:)];
        [imageV addGestureRecognizer:tap];
        [_scrollView addSubview:imageV];
        index++;
    }
}
- (void)click:(UITapGestureRecognizer *)sender {
    UIImageView *imageVV = (UIImageView *)sender.view;
    NSLog(@"第%ld张图片", imageVV.tag);
}

然后在ViewController.m中调用

#import "ViewController.h"
#import "ScrollImage.h"
@interface ViewController ()<UITableViewDelegate, UITableViewDataSource>
@property (nonatomic, strong) UITableView *tableView;
@end

@implementation ViewController
- (UITableView *)tableView {
    if (!_tableView) {
        _tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height) style:(UITableViewStylePlain)];
        _tableView.delegate = self;
        _tableView.dataSource = self;
        [self.view addSubview:_tableView];
    }
    return _tableView;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    
    [self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:NSStringFromClass([UITableViewCell class])];
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    return 200;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return 2;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:NSStringFromClass([UITableViewCell class]) forIndexPath:indexPath];
    // 这里用的是系统的cell 如果自定义的话 要在自定义cell导入头文件ScrollImage 并用cell.contentView 添加scrollView
    UIImage *image1 = [UIImage imageNamed:@"12.jpg"];
    UIImage *image2 = [UIImage imageNamed:@"19.jpg"];
    UIImage *image3 = [UIImage imageNamed:@"25.jpg"];
    UIImage *image4 = [UIImage imageNamed:@"29.jpg"];
    NSMutableArray *array = @[image1, image2, image3, image4, image1, image2, image3, image4].mutableCopy;
    ScrollImage *scrImage = [[ScrollImage alloc] initWithFrame:CGRectMake(0, 10, 100, 180) withArray:array];
    [cell.contentView addSubview:scrImage];
    return cell;
}

这次的代码就到这啦。

附上Demo https://github.com/catcups/TableViewAddscrollView