带点图像的自定义UIPageControl

import UIKit

class ViewController: UIViewController, UIScrollViewDelegate {
    var scrollView: UIScrollView!
    var pageControl: UIPageControl!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 创建滚动视图
        scrollView = UIScrollView(frame: view.bounds)
        scrollView.delegate = self
        scrollView.isPagingEnabled = true
        scrollView.contentSize = CGSize(width: view.bounds.width * 3, height: view.bounds.height)
        view.addSubview(scrollView)
        
        // 添加三个页面
        for i in 0..<3 {
            let imageView = UIImageView(image: UIImage(named: "page\(i + 1)"))
            imageView.frame = CGRect(x: view.bounds.width * CGFloat(i), y: 0, width: view.bounds.width, height: view.bounds.height)
            scrollView.addSubview(imageView)
        }
        
        // 创建页面控制
        pageControl = UIPageControl(frame: CGRect(x: 0, y: view.bounds.height - 50, width: view.bounds.width, height: 50))
        pageControl.numberOfPages = 3
        pageControl.currentPage = 0
        pageControl.pageIndicatorTintColor = .gray
        pageControl.currentPageIndicatorTintColor = .black
        view.addSubview(pageControl)
    }
    
    // UIScrollViewDelegate 方法
    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        let pageWidth = scrollView.frame.size.width
        let fractionalPage = scrollView.contentOffset.x / pageWidth
        let page = lround(Double(fractionalPage))
        pageControl.currentPage = page
    }
}

pageControl.pageIndicatorTintColor = .gray // 设置非当前页面的圆点颜色
pageControl.currentPageIndicatorTintColor = .black // 设置当前页面的圆点颜色

pageControl.numberOfPages = 3 // 根据实际页面数量进行设置