自定义TabBar未激活及iOS11（iPhone X）布局异常问题排查

嘿，我来帮你搞定这两个自定义TabBar的麻烦事儿，这俩坑我之前做项目时也碰到过，给你拆解下解决方案：

问题1：自定义TabBar无法处于激活状态 #

这种情况大多是因为选中状态的同步逻辑没做对，或者自定义TabBar的配置没跟上。你可以试试这些步骤：

• 初始化时设置默认选中索引：在viewDidLoad里给自定义的tabBarView设置初始选中项，确保启动时就有激活状态：

  override func viewDidLoad() {
      super.viewDidLoad()
      self.delegate = self
      // 先完成tabBarView的初始化配置...
      tabBarView.selectedIndex = 0 // 默认选中第一个标签
  }
  

• 实现TabBar控制器代理同步选中状态：把系统TabBar的选中事件同步给自定义TabBar，确保点击系统TabBar项时，自定义TabBar也跟着切换激活状态：

  func tabBarController(_ tabBarController: UITabBarController, didSelect viewController: UIViewController) {
      guard let selectedIndex = tabBarController.viewControllers?.firstIndex(of: viewController) else { return }
      // 带动画同步自定义TabBar的选中状态
      tabBarView.setSelectedIndex(selectedIndex, animated: true)
  }
  

• 检查自定义TabBar的UI更新逻辑：确认SlidingTabBar的数据源或代理方法里，是否正确处理了选中状态的UI变化（比如文字颜色切换、图标高亮）。如果是自定义封装的TabBar，要保证选中索引变化时触发对应的UI更新。

问题2：适配iOS11（iPhone X）后，自定义TabBar未隐藏但功能失效 #

这个问题基本是安全区域适配导致的点击区域偏移或遮挡，iPhone X及以后机型的底部安全区域会改变视图布局，你可以这么调整：

• 修正viewWillLayoutSubviews里的frame计算：原来的代码调整TabBar frame时没考虑安全区域高度，必须把这部分加进去：

  override func viewWillLayoutSubviews() {
      super.viewWillLayoutSubviews()
      
      let bottomSafeAreaHeight = view.safeAreaInsets.bottom
      var tabFrame = self.tabBar.frame
      // 假设你原来的TabBar高度是40，加上安全区域高度
      tabFrame.size.height = 40 + bottomSafeAreaHeight
      // 把TabBar放在视图底部，包含安全区域
      tabFrame.origin.y = view.bounds.height - tabFrame.size.height
      
      self.tabBar.frame = tabFrame
      // 同步自定义tabBarView的frame，确保和系统TabBar完全对齐
      tabBarView.frame = tabFrame
  }
  

• 检查点击区域是否被遮挡：用Xcode的「Debug View Hierarchy」功能查看视图层级，确认有没有其他视图（比如scrollView的底部内边距设置错误）覆盖在自定义TabBar上，导致点击事件无法传递。
• 改用Auto Layout替代frame手动调整：如果项目支持Auto Layout，建议给自定义TabBar添加约束，让系统自动处理安全区域适配，避免手动计算frame出错：

  tabBarView.translatesAutoresizingMaskIntoConstraints = false
  NSLayoutConstraint.activate([
      tabBarView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
      tabBarView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
      tabBarView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor),
      tabBarView.heightAnchor.constraint(equalToConstant: 40)
  ])
  

• 确认交互开关开启：检查tabBarView.isUserInteractionEnabled是否设为true，有时候适配过程中不小心会把这个属性关掉。

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