Swift代码实现的UIPageControl圆点消失问题求助

嘿，我之前也碰到过类似的坑——没碰代码只动了Storyboard就搞丢了控件，给你梳理几个最可能的原因和解决办法：

1. 先排查最容易犯的低级错误：自定义类关联丢了 #

调整Storyboard的时候很容易不小心碰错控件的Identity设置！你赶紧去Storyboard里找到那个UIPageViewController，打开Identity Inspector（右边面板第三个图标），检查Class字段是不是还是EmployeeTutorialViewController。如果改成了默认的UIPageViewController，那你的viewDidLoad和configurePageControl代码根本没执行，pageControl自然不会被创建，View Hierarchy里当然找不到它。

2. Frame布局和Storyboard视图边界冲突 #

你代码里用UIScreen.main.bounds来设置pageControl的frame，但如果在Storyboard里给PageViewController的主视图加了约束（比如底部和安全区绑定），或者你的设备有底部安全区（iPhone X及以后机型），UIScreen.main.bounds.maxY - 50这个位置很可能超出了PageViewController视图的可见范围，甚至被clipsToBounds属性切掉了。

而且纯frame布局和Storyboard里的Auto Layout规则可能冲突，导致pageControl虽然被addSubview了，但布局引擎把它挤到了视图外面。

解决办法：把frame改成Auto Layout约束 #

替换你的configurePageControl方法，用安全区约束来固定pageControl的位置，这样不管屏幕尺寸和安全区情况，控件都会显示在正确的位置：

func configurePageControl() {
    // 禁用自动转换约束，改用手动约束
    pageControl.translatesAutoresizingMaskIntoConstraints = false
    pageControl.numberOfPages = orderedViewControllers.count
    pageControl.currentPage = 0
    pageControl.tintColor = UIColor.black
    pageControl.pageIndicatorTintColor = UIColor.white
    pageControl.currentPageIndicatorTintColor = UIColor.gray
    
    self.view.addSubview(pageControl)
    
    // 添加约束：底部对齐安全区，水平居中，宽度匹配父视图
    NSLayoutConstraint.activate([
        pageControl.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: -20),
        pageControl.centerXAnchor.constraint(equalTo: view.centerXAnchor),
        pageControl.widthAnchor.constraint(equalTo: view.widthAnchor)
    ])
}

另外，你代码里先声明了var pageControl = UIPageControl()，然后在configurePageControl里又重新赋值了一次，这其实是重复创建实例，有点多余。可以改成懒加载初始化，更规范：

lazy var pageControl: UIPageControl = {
    let pc = UIPageControl()
    pc.translatesAutoresizingMaskIntoConstraints = false
    pc.tintColor = .black
    pc.pageIndicatorTintColor = .white
    pc.currentPageIndicatorTintColor = .gray
    return pc
}()

然后在viewDidLoad里只需要设置pageControl.numberOfPages和添加子视图、约束就行。

3. 临时排查技巧：加打印确认控件是否被创建 #

如果上面两个方法都没用，你可以在configurePageControl里加几行打印，确认pageControl是否被正确添加到视图层级：

func configurePageControl() {
    // ... 你的代码 ...
    self.view.addSubview(pageControl)
    print("PageControl added: \(pageControl)")
    print("All subviews of view: \(self.view.subviews)")
}

如果打印里能看到pageControl，说明它确实被创建了，只是被挡住或者在视图外面；如果看不到，那就是代码没执行到这里，回到第一条检查自定义类关联。

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