如何为非Tab Bar菜单页面添加UITabBar？解决内容重叠问题

嘿，我来帮你搞定这个UITabBar和页面内容重叠的问题～ 从你提供的截图来看，核心问题是直接添加UITabBar后，系统没有自动调整页面内容的布局范围，导致内容跑到TabBar下面去了。这里给你两种靠谱的解决方案：

方案一：用UITabBarController管理（最推荐） #

如果这个页面本来就应该属于TabBar体系的一部分，最规范的做法是把它纳入UITabBarController的子控制器列表里，这样系统会自动帮你处理布局，完全不会出现重叠。举个Swift代码例子：

// 先创建你要添加TabBar的目标页面控制器
let targetVC = YourCustomViewController()
targetVC.title = "新页面"
targetVC.tabBarItem = UITabBarItem(title: "新标签", image: UIImage(systemName: "square"), selectedImage: UIImage(systemName: "square.fill"))

// 获取原有的TabBarController（如果有的话），或者新建一个
if let tabBarVC = self.navigationController?.tabBarController {
    // 把新页面加入现有TabBar的子控制器列表
    var currentVCs = tabBarVC.viewControllers ?? []
    currentVCs.append(targetVC)
    tabBarVC.viewControllers = currentVCs
    // 切换到新页面
    tabBarVC.selectedIndex = currentVCs.count - 1
} else {
    // 如果之前没有TabBarController，新建一个并跳转
    let tabBarVC = UITabBarController()
    tabBarVC.viewControllers = [existingVC1, existingVC2, targetVC]
    tabBarVC.selectedIndex = 2
    self.navigationController?.pushViewController(tabBarVC, animated: true)
}

方案二：手动添加UITabBar并调整布局 #

如果必须在单个页面里手动添加UITabBar，那得手动调整页面内容的约束或内边距，让内容避开TabBar的区域：

方法1：给滚动视图设置内边距（适合UITableView/UICollectionView/UIScrollView） #

如果你的页面主内容是滚动视图，直接设置它的contentInset和scrollIndicatorInsets，让底部留出TabBar的高度：

// 假设你的滚动视图是tableView
override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    let tabBarHeight = tabBar.frame.height
    tableView.contentInset = UIEdgeInsets(top: 0, left: 0, bottom: tabBarHeight, right: 0)
    tableView.scrollIndicatorInsets = tableView.contentInset
}

方法2：用Auto Layout约束固定内容位置 #

如果是普通视图，直接通过约束让主内容视图的底部对齐TabBar的顶部，而不是父视图的底部：

// 先把TabBar添加到页面
let tabBar = UITabBar()
tabBar.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(tabBar)

// 设置TabBar的约束：底部贴父视图，左右撑满，高度用系统默认值
NSLayoutConstraint.activate([
    tabBar.leadingAnchor.constraint(equalTo: view.leadingAnchor),
    tabBar.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    tabBar.bottomAnchor.constraint(equalTo: view.bottomAnchor),
    tabBar.heightAnchor.constraint(equalToConstant: UITabBar.appearance().frame.height)
])

// 假设你的主内容视图是mainContentView，让它底部对齐TabBar顶部
NSLayoutConstraint.activate([
    mainContentView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
    mainContentView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    mainContentView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
    mainContentView.bottomAnchor.constraint(equalTo: tabBar.topAnchor)
])

另外提醒一下：如果你的页面有导航栏，记得也要考虑导航栏的高度，比如设置edgesForExtendedLayout = .bottom或者用safeAreaLayoutGuide来约束顶部，避免内容被导航栏挡住。

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