Swift开发：如何让Page Control每页显示数组单个元素

你的核心问题是循环里把数组所有元素都拼进output里了，导致每个页面的Label都显示a b c对吧？咱们来调整代码，让每页精准对应数组里的单个元素：

问题根源分析 #

你原来的output += " \(judo[image])"是把所有元素累加拼接，相当于每个页面都复用了这个全量内容的字符串，自然所有页面显示都一样。咱们要做的是让每个页面直接绑定数组里对应的单个元素，而不是累加全部。

修改后的代码示例 #

@IBOutlet weak var lz: UILabel!
@IBOutlet weak var scrol: UIScrollView!
@IBOutlet weak var pageControl: UIPageControl!

var judo = ["a","b","c"]

override func viewDidLoad() {
    super.viewDidLoad()
    scrol.delegate = self
    let pageWidth = view.frame.width
    
    // 配置scrollView内容尺寸，确保每个页面宽度等于屏幕宽度
    scrol.contentSize = CGSize(width: pageWidth * CGFloat(judo.count), height: scrol.frame.height)
    // 同步pageControl的总页数
    pageControl.numberOfPages = judo.count
    
    // 初始化第一个页面的内容
    lz.text = judo[0]
    
    // 循环处理每个页面的图片逻辑
    for index in 0..<judo.count {
        let xOffset = CGFloat(index) * pageWidth
        let imageTo = UIImage(named: "\(index).png")
        // 这里把图片添加到scrollView对应位置的代码...
    }
}

// 通过滚动代理更新当前页面的内容
extension ViewController: UIScrollViewDelegate {
    func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
        // 计算当前页码
        let currentPage = Int(scrollView.contentOffset.x / scrollView.frame.width)
        // 更新Label为当前页码对应的数组元素
        lz.text = judo[currentPage]
        // 同步pageControl的选中状态
        pageControl.currentPage = currentPage
    }
}

关键修改点 #

• 移除了冗余的output变量，直接根据当前页码取judo数组的对应元素
• 正确设置scrollView的contentSize，保证滚动时能精准计算当前页码
• 通过UIScrollViewDelegate的回调方法，在滚动停止后更新Label内容和pageControl状态

如果你的场景需要每个页面有独立的Label（而非复用同一个），可以在循环里给每个页面单独创建控件，这样就不需要依赖滚动代理更新：

override func viewDidLoad() {
    super.viewDidLoad()
    scrol.delegate = self
    let pageWidth = view.frame.width
    scrol.contentSize = CGSize(width: pageWidth * CGFloat(judo.count), height: scrol.frame.height)
    pageControl.numberOfPages = judo.count
    
    for index in 0..<judo.count {
        let xOffset = CGFloat(index) * pageWidth
        
        // 给当前页面创建独立的Label
        let pageLabel = UILabel(frame: CGRect(x: xOffset, y: 0, width: pageWidth, height: scrol.frame.height))
        pageLabel.text = judo[index]
        pageLabel.textAlignment = .center
        scrol.addSubview(pageLabel)
        
        // 处理当前页面的图片
        let imageView = UIImageView(frame: CGRect(x: xOffset, y: 60, width: pageWidth, height: 220))
        imageView.image = UIImage(named: "\(index).png")
        scrol.addSubview(imageView)
    }
}

这种方式更适合页面内容独立的场景，每个页面的控件都单独存在，滚动时无需额外更新内容。

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