Swift 4+Storyboard登录/登出状态不同TabBarItem最佳实践咨询

嘿，作为一个用Swift + Storyboard摸爬滚打了好几年的开发者，我来给你分享几个针对这个场景的最佳实践，不管你偏向可视化配置还是纯代码，都能找到合适的方案～

一、基于Storyboard的核心方案（首推） #

这个方案既能利用Storyboard可视化配置TabBarItem的图标、标题，又能灵活切换状态，非常适合新手快速上手：

1. 先在Storyboard里配置所有控制器 #

• 打开你的TabBarController，把登录态、登出态需要的所有子控制器都拖进去（比如首页、我的、设置、登录、关于我们这些）
• 给每个子控制器设置Storyboard ID（在Identity Inspector里），比如HomeVC、ProfileVC、LoginVC，方便后续代码调用
• 给每个TabBarItem设置好图标、标题，直接在Storyboard里可视化调整就行，不用写代码

2. 编写状态切换方法 #

创建一个自定义的TabBarController子类（比如CustomTabBarController），然后写一个方法来根据登录状态更新TabBar的控制器列表：

class CustomTabBarController: UITabBarController {
    override func viewDidLoad() {
        super.viewDidLoad()
        // 初始化时读取当前登录状态，比如从UserDefaults取
        let isLoggedIn = UserDefaults.standard.bool(forKey: "isUserLoggedIn")
        updateTabBar(forLoggedInState: isLoggedIn)
    }
    
    // 核心切换方法
    func updateTabBar(forLoggedInState isLoggedIn: Bool) {
        let storyboard = UIStoryboard(name: "Main", bundle: nil)
        var tabControllers = [UIViewController]()
        
        // 通用项：不管登录与否都显示的页面（比如首页）
        let homeVC = storyboard.instantiateViewController(withIdentifier: "HomeVC")
        tabControllers.append(homeVC)
        
        if isLoggedIn {
            // 登录态要显示的项：我的、设置
            let profileVC = storyboard.instantiateViewController(withIdentifier: "ProfileVC")
            let settingsVC = storyboard.instantiateViewController(withIdentifier: "SettingsVC")
            tabControllers += [profileVC, settingsVC]
        } else {
            // 登出态要显示的项：登录、关于我们
            let loginVC = storyboard.instantiateViewController(withIdentifier: "LoginVC")
            let aboutVC = storyboard.instantiateViewController(withIdentifier: "AboutVC")
            tabControllers += [loginVC, aboutVC]
        }
        
        // 更新TabBar的控制器数组
        self.viewControllers = tabControllers
    }
}

3. 优化：缓存控制器避免重复实例化 #

上面的方法每次切换都会新建控制器，会丢失之前的页面状态（比如用户在首页滑到一半，切换状态再切回来又回到顶部）。可以提前把所有控制器缓存起来，切换时直接复用：

class CustomTabBarController: UITabBarController {
    // 用lazy属性提前缓存所有需要的控制器
    private lazy var homeVC = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "HomeVC")
    private lazy var profileVC = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "ProfileVC")
    private lazy var settingsVC = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "SettingsVC")
    private lazy var loginVC = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "LoginVC")
    private lazy var aboutVC = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "AboutVC")
    
    override func viewDidLoad() {
        super.viewDidLoad()
        let isLoggedIn = UserDefaults.standard.bool(forKey: "isUserLoggedIn")
        updateTabBar(forLoggedInState: isLoggedIn)
    }
    
    func updateTabBar(forLoggedInState isLoggedIn: Bool) {
        var tabControllers = [homeVC]
        if isLoggedIn {
            tabControllers += [profileVC, settingsVC]
        } else {
            tabControllers += [loginVC, aboutVC]
        }
        self.viewControllers = tabControllers
    }
}

二、纯代码方案（适合偏好代码配置的场景） #

如果你觉得Storyboard里堆太多控制器太乱，也可以完全用代码来创建TabBar和对应的Item：

class CustomTabBarController: UITabBarController {
    override func viewDidLoad() {
        super.viewDidLoad()
        let isLoggedIn = UserDefaults.standard.bool(forKey: "isUserLoggedIn")
        setupTabBar(forLoggedInState: isLoggedIn)
    }
    
    func setupTabBar(forLoggedInState isLoggedIn: Bool) {
        // 配置首页
        let homeVC = HomeViewController()
        homeVC.tabBarItem = UITabBarItem(
            title: "首页",
            image: UIImage(named: "home_icon"),
            selectedImage: UIImage(named: "home_icon_selected")
        )
        
        var additionalVCs = [UIViewController]()
        
        if isLoggedIn {
            // 登录态的我的页面
            let profileVC = ProfileViewController()
            profileVC.tabBarItem = UITabBarItem(
                title: "我的",
                image: UIImage(named: "profile_icon"),
                selectedImage: UIImage(named: "profile_icon_selected")
            )
            
            // 登录态的设置页面
            let settingsVC = SettingsViewController()
            settingsVC.tabBarItem = UITabBarItem(
                title: "设置",
                image: UIImage(named: "settings_icon"),
                selectedImage: UIImage(named: "settings_icon_selected")
            )
            
            additionalVCs = [profileVC, settingsVC]
        } else {
            // 登出态的登录页面
            let loginVC = LoginViewController()
            loginVC.tabBarItem = UITabBarItem(
                title: "登录",
                image: UIImage(named: "login_icon"),
                selectedImage: UIImage(named: "login_icon_selected")
            )
            
            // 登出态的关于页面
            let aboutVC = AboutViewController()
            aboutVC.tabBarItem = UITabBarItem(
                title: "关于",
                image: UIImage(named: "about_icon"),
                selectedImage: UIImage(named: "about_icon_selected")
            )
            
            additionalVCs = [loginVC, aboutVC]
        }
        
        self.viewControllers = [homeVC] + additionalVCs
    }
}

这个方案灵活性更高，但所有TabBarItem的样式都要写代码配置，适合喜欢纯代码开发的同学。

三、状态同步的关键注意事项 #

• 登录/登出后要主动触发更新：比如登录成功后，保存状态到UserDefaults，然后调用TabBarController的更新方法：

  // 登录成功时的代码
  UserDefaults.standard.set(true, forKey: "isUserLoggedIn")
  // 获取TabBarController的引用并更新
  if let tabBarVC = UIApplication.shared.keyWindow?.rootViewController as? CustomTabBarController {
      tabBarVC.updateTabBar(forLoggedInState: true)
  }
  

• 用通知解耦状态更新：如果你的登录逻辑在其他控制器里，不想直接依赖TabBarController，可以用NotificationCenter：

  // 在CustomTabBarController的viewDidLoad里注册通知
  NotificationCenter.default.addObserver(
      self,
      selector: #selector(handleLoginStatusChange(_:)),
      name: NSNotification.Name("LoginStatusChanged"),
      object: nil
  )
  
  // 实现通知处理方法
  @objc private func handleLoginStatusChange(_ notification: Notification) {
      if let isLoggedIn = notification.userInfo?["isLoggedIn"] as? Bool {
          updateTabBar(forLoggedInState: isLoggedIn)
      }
  }
  
  // 登录/登出成功时发送通知
  NotificationCenter.default.post(
      name: NSNotification.Name("LoginStatusChanged"),
      object: nil,
      userInfo: ["isLoggedIn": true] // 登出时传false
  )
  

• 避免TabBar闪烁：更新viewControllers时，系统会自动处理切换动画，不用额外加动画，保持默认的过渡效果就很自然。

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