iOS Swift中如何实现cardImgView水平滚动切换两张图片？

嗨，我来帮你捋捋问题出在哪～你的代码里有几个关键错误，导致没法实现水平滚动切换图片：

1. 重复复用同一个UIImageView：你在循环里一直给cardImgView赋值新图片再添加到scrollView，这相当于最后scrollView里只有一个UIImageView，显示的是最后一张图，自然没法切换。
2. contentSize设置时机错误：你在循环里每次覆盖contentSize.width，虽然最终数值是对的，但逻辑顺序不对，应该在所有子视图添加完成后统一设置。
3. 未配置scrollView的滚动方向：默认scrollView允许垂直滚动，你需要禁用垂直滚动，确保只触发水平滚动。

下面是修正后的完整实现代码：

// 先配置scrollView的基础滚动属性
scrollView.isScrollEnabled = true
scrollView.showsHorizontalScrollIndicator = true
scrollView.showsVerticalScrollIndicator = false
scrollView.alwaysBounceVertical = false // 禁用垂直方向的弹跳和滚动
scrollView.clipsToBounds = true

// 安全获取图片数组（避免强制解包崩溃）
guard let frontImg = self.dataDict.object(forKey: kCardImgFront) as? UIImage,
      let backImg = self.dataDict.object(forKey: kCardImgBack) as? UIImage else {
    // 这里可以添加图片获取失败的提示逻辑
    return
}
let imgArray = [frontImg, backImg]

// 遍历图片，为每张图创建独立的UIImageView
for (index, image) in imgArray.enumerated() {
    let imageView = UIImageView(image: image)
    // 设置每个imageView的frame：水平排列，每张占满scrollView的宽高
    imageView.frame = CGRect(
        x: CGFloat(index) * scrollView.frame.width,
        y: 0,
        width: scrollView.frame.width,
        height: scrollView.frame.height
    )
    imageView.contentMode = .scaleAspectFit // 可根据需求调整为scaleAspectFill等
    scrollView.addSubview(imageView)
}

// 最后设置scrollView的contentSize，确保能水平滚动展示所有图片
scrollView.contentSize = CGSize(
    width: scrollView.frame.width * CGFloat(imgArray.count),
    height: scrollView.frame.height
)

关键细节说明： #

• 独立UIImageView实例：每张图对应一个单独的UIImageView，这样它们会并排排列在scrollView的水平方向上。
• 精准的frame定位：每个UIImageView的x坐标是scrollView宽度 × 索引，第一张在x=0的位置，第二张在x=scrollView宽度的位置，实现无重叠的水平布局。
• scrollView方向锁定：通过禁用垂直弹跳和垂直滚动指示器，确保用户只能水平滑动切换图片。
• contentSize一次性设置：在所有子视图添加完成后，统一设置scrollView的内容宽度，保证滚动范围正确。

如果你的cardImgView是从Storyboard/XIB拖入的，也可以复用它的样式属性（比如圆角、边框等）来创建新的视图实例，核心逻辑还是要为每张图创建独立的视图哦。

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