如何在Storyboard的UITabBarController中使用XIB构建的UIViewController

首先明确：不需要把XIB中的视图复制粘贴到Storyboard中。XIB是独立的视图布局描述文件，UIViewController可以直接加载关联的XIB布局，迁移布局反而会导致多份布局需要重复维护，增加后续维护成本。

你可以根据需求选择以下两种常用接入方案：

方案1：通过代码动态添加标签页（最常用，无需改动现有Storyboard结构） #

• 先确认你的自定义ViewController已经正确关联XIB：XIB的「File's Owner」的Class已设置为对应自定义VC类，且XIB根视图已绑定到File's Owner的view属性
• 找到主UITabBarController的viewDidLoad生命周期方法，添加如下代码：

// Swift示例
// 初始化自定义VC，直接关联对应XIB
let newTabVC = CustomViewController(nibName: "你的XIB文件名（无需带.xib后缀）", bundle: nil)
// 设置标签页显示的标题、图标
newTabVC.tabBarItem = UITabBarItem(title: "标签显示名称", image: UIImage(named: "普通状态图标"), selectedImage: UIImage(named: "选中状态图标"))
// 把新VC追加到原有标签页数组中
if var viewControllers = self.viewControllers {
    viewControllers.append(newTabVC)
    self.viewControllers = viewControllers
}

// Objective-C示例
CustomViewController *newTabVC = [[CustomViewController alloc] initWithNibName:@"你的XIB文件名（无需带.xib后缀）" bundle:nil];
newTabVC.tabBarItem = [[UITabBarItem alloc] initWithTitle:@"标签显示名称" image:[UIImage imageNamed:@"普通状态图标"] selectedImage:[UIImage imageNamed:@"选中状态图标"]];
NSMutableArray *vcList = [NSMutableArray arrayWithArray:self.viewControllers];
[vcList addObject:newTabVC];
self.viewControllers = vcList;

• 运行后新标签页会自动追加到原有标签栏末尾，点击即可正常加载XIB内的布局。

方案2：通过Storyboard关联添加（适合需要在Storyboard中直观预览标签页结构的场景） #

• 打开主Storyboard，从组件库拖拽一个新的「View Controller」到画布上
• 选中这个新拖入的VC，在Identity检查器中将它的Class设置为你的自定义ViewController类
• 在Attributes检查器中找到「Nib Name」字段，填入对应的XIB文件名（无需带.xib后缀）
• 按住Control键从主UITabBarController拖拽到这个新VC上，在弹出的Segue列表中选择「view controllers」关系Segue
• 选中新VC对应的Tab Bar Item，在Attributes检查器中设置标题、图标等属性即可
• 运行后新标签页会正常显示，布局自动从关联的XIB文件加载。

注意事项 #

• 如果你的XIB文件名和自定义VC类名完全一致，系统会自动查找同名XIB加载，可以省去显式传入nibName的步骤
• 不需要修改XIB中原有自动布局约束，原有适配规则在标签页场景下可以正常生效

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