iOS Swift开发：如何结合UIPageControl实现图片滑动切换功能

修复后可实现需求的完整代码 #

import UIKit

class ViewController: UIViewController{
    
    @IBOutlet weak var pagecontroler: UIPageControl!
    @IBOutlet var mainView: UIView!
    @IBOutlet weak var imgView: UIImageView!
    @IBOutlet weak var lblName: UILabel!
    var imageNames = ["Dog","Lion", "Parrot", "Peacock", "Rabbit"]
    var currentIndex = 0
    var nameList = ["Dog","Lion", "Parrot", "Peacock", "Rabbit"]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 配置UIPageControl基础参数
        pagecontroler.numberOfPages = imageNames.count
        pagecontroler.currentPage = 0
        // 初始加载第一张内容
        updateContent()
        // 添加滑动手势
        let swipeRight = UISwipeGestureRecognizer(target: self, action: #selector(handleSwipe(sender:)))
        swipeRight.direction = .right
        self.view.addGestureRecognizer(swipeRight)
        let swipeLeft =  UISwipeGestureRecognizer(target: self, action: #selector(handleSwipe(sender:)))
        swipeLeft.direction = .left
        self.view.addGestureRecognizer(swipeLeft)
        // 可选：添加PageControl点击切换功能
        pagecontroler.addTarget(self, action: #selector(pageControlChanged(_:)), for: .valueChanged)
    }
    
    // 统一处理双向滑动逻辑
    @objc func handleSwipe(sender: UISwipeGestureRecognizer){
        switch sender.direction {
        case .left:
            // 左滑切换下一张
            if currentIndex < imageNames.count - 1 {
                currentIndex += 1
                updateContent()
            }
        case .right:
            // 右滑切换上一张
            if currentIndex > 0 {
                currentIndex -= 1
                updateContent()
            }
        default:
            break
        }
    }
    
    // PageControl点击切换逻辑
    @objc func pageControlChanged(_ sender: UIPageControl) {
        currentIndex = sender.currentPage
        updateContent()
    }
    
    // 统一更新UI，避免重复代码
    private func updateContent() {
        imgView.image = UIImage(named: imageNames[currentIndex])
        lblName.text = nameList[currentIndex]
        pagecontroler.currentPage = currentIndex
    }
}

核心修改说明 #

• 修正了原有UIPageControl的错误配置：先设置numberOfPages为图片总数，初始currentPage设为0对应第一张图片
• 修复滑动逻辑错误：左滑对应索引+1切下一张，右滑对应索引-1切上一张，分别做边界判断避免数组越界崩溃，同时修正了原左滑方法参数类型错误的问题
• 新增统一UI更新逻辑：每次索引变化后同步更新图片、文本、PageControl当前页码，实现联动效果
• 可选新增PageControl点击切换能力，点击圆点可直接跳转对应图片

内容的提问来源于stack exchange，提问作者AMIT KUMAR JHAMB