Swift：如何通过上一个、下一个按钮切换UIImage？

现有代码核心问题 #

• 缺少必要属性声明：count（当前图片索引）、photoCollection（图片数据源）、photo（图片展示控件）、Text（文本展示控件）四个核心变量均未在类中定义，无法编译运行
• 数据结构设计不合理：使用Dictionary<UIImage, String>作为单条数据容器，字典的键值对无序特性会导致取出的图片和文本可能不匹配，使用成本高
• 边界处理逻辑缺失：仅做了索引小于数据源总数的判断，没有处理上一张切换时索引变为负数的场景，也没有到达首尾边界后的截断逻辑
• 缺少按钮交互逻辑：没有实现上一张、下一张按钮的点击触发方法，也没有关联按钮的点击事件

修复后的完整实现代码 #

import UIKit

class ViewController: UIViewController {
    // 定义单条数据结构，替代原来的字典
    struct PhotoItem {
        let image: UIImage
        let desc: String
    }
    
    // MARK: - 必要属性声明
    /// 当前展示的图片索引
    var currentIndex = 0
    /// 图片数据源，替换为自定义结构体数组
    var photoCollection: [PhotoItem] = []
    /// 图片展示控件
    @IBOutlet weak var photo: UIImageView!
    /// 描述文本展示控件
    @IBOutlet weak var descLabel: UILabel!

    // MARK: - 生命周期
    override func viewDidLoad() {
        super.viewDidLoad()
        // 初始化测试数据，按需替换为你的实际数据
        photoCollection = [
            PhotoItem(image: UIImage(named: "img1")!, desc: "第一张图描述"),
            PhotoItem(image: UIImage(named: "img2")!, desc: "第二张图描述"),
            PhotoItem(image: UIImage(named: "img3")!, desc: "第三张图描述")
        ]
        // 首次加载展示第一张图
        showCurrentImage()
    }
    
    // MARK: - 核心展示方法
    func showCurrentImage() {
        guard currentIndex >= 0, currentIndex < photoCollection.count else {
            debugPrint("索引超出范围，展示失败")
            return
        }
        let currentItem = photoCollection[currentIndex]
        photo.image = currentItem.image
        descLabel.text = currentItem.desc
    }

    // MARK: - 按钮点击事件，需要和storyboard/xib中的按钮关联
    /// 上一张按钮点击
    @IBAction func prevBtnClick(_ sender: UIButton) {
        // 到达第一张后不再减
        guard currentIndex > 0 else { return }
        currentIndex -= 1
        showCurrentImage()
    }
    
    /// 下一张按钮点击
    @IBAction func nextBtnClick(_ sender: UIButton) {
        // 到达最后一张后不再加
        guard currentIndex < photoCollection.count - 1 else { return }
        currentIndex += 1
        showCurrentImage()
    }
}

修复说明 #

• 自定义了PhotoItem结构体存储单条图片+描述数据，避免字典无序导致的匹配错误问题
• 补充了所有必要属性的声明，控件属性用@IBOutlet修饰，需要和你界面上的对应控件做关联
• 优化了边界判断逻辑，上一张下一张点击时先判断是否到达首尾边界，避免索引越界
• 补充了两个按钮的点击触发方法，用@IBAction修饰，直接和界面上的上一张、下一张按钮关联即可使用

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