如何在自定义UITableViewCell中循环重复显示5张静态图片？

嘿，这个需求其实很容易实现，核心就是用取模运算来循环复用你的图片数组索引，我给你详细说下具体步骤，不管你用Swift还是Objective-C都能搞定：

步骤1：准备图片数组 #

首先把你要循环的5张静态图片存到一个数组里，不管是直接存UIImage对象还是图片名称字符串都可以，这里以直接存储UIImage为例：

Swift 代码 #

// 假设你已经将图片添加到项目资源中
private let cycleImages: [UIImage] = [
    UIImage(named: "Image1")!,
    UIImage(named: "Image2")!,
    UIImage(named: "Image3")!,
    UIImage(named: "Image4")!,
    UIImage(named: "Image5")!
]

Objective-C 代码 #

// 放在类的.h或者.m文件中
NSArray *cycleImages = @[
    [UIImage imageNamed:@"Image1"],
    [UIImage imageNamed:@"Image2"],
    [UIImage imageNamed:@"Image3"],
    [UIImage imageNamed:@"Image4"],
    [UIImage imageNamed:@"Image5"]
];

步骤2：设置UITableView的总行数 #

如果你想实现无限循环的效果，可以把行数设为系统支持的最大值；如果只需要固定循环N次，就设置为图片数组长度 × N：

Swift 代码 #

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    // 无限循环
    return Int.max
    // 或者固定循环10次：return cycleImages.count * 10
}

Objective-C 代码 #

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    // 无限循环
    return NSIntegerMax;
    // 或者固定循环10次：return cycleImages.count * 10;
}

步骤3：在cellForRow方法中绑定循环图片 #

这里的关键是用当前行的索引对图片数组长度做取模运算，这样就能循环得到0-4的索引，对应你的5张图片：

Swift 代码 #

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    // 替换成你自定义cell的标识符和类名
    let cell = tableView.dequeueReusableCell(withIdentifier: "CustomCellID", for: indexPath) as! CustomTableViewCell
    
    // 取模运算获取循环的图片索引
    let imageIndex = indexPath.row % cycleImages.count
    cell.customImageView.image = cycleImages[imageIndex]
    
    return cell
}

Objective-C 代码 #

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    // 替换成你自定义cell的标识符和类名
    CustomTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"CustomCellID" forIndexPath:indexPath];
    
    // 取模运算获取循环的图片索引
    NSInteger imageIndex = indexPath.row % cycleImages.count;
    cell.customImageView.image = cycleImages[imageIndex];
    
    return cell;
}

额外注意事项 #

• UITableView的cell复用机制会自动处理内存问题，哪怕设置了Int.max的行数，也只会创建屏幕可见数量的cell，不用担心内存溢出。
• 如果你的自定义cell图片不显示，先检查imageView的outlet是否正确连接，以及图片名称是否和项目中的资源文件名完全一致（区分大小写）。
• 要是你用的是图片名称数组，记得在绑定的时候再转换成UIImage对象即可。

内容的提问来源于stack exchange，提问作者Tejas Patel