Swift - 在 NavBar 和 TabBar 之间有一个“正在加载”的 ViewController，而 TableView 会加载其内容

Question

我有一个 TabBarController 作为我的 rootViewController。第一个选项卡是带有 NavigationBar 的 tableView。当 tableView 执行它的获取请求并加载它的内容时，我展示了一个带有加载指示器的加载 viewController。 loadingVC 没有覆盖 tabBar，这很好，但它确实覆盖了 NavBar，这是我想避免的。我基本上希望将 loadingVC 放置在 NavBar 和 TabBar 之间，因此将其视图框架绑定 - 它的顶部到 NavBar 的底部，它的底部到 TabBar 的顶部。我无法使用此功能，并且我认为我可以在 .modalPresentationStyle 中找到解决方案，但那里的选项并未涵盖我所描述的内容。

场景代理代码：

    window = UIWindow(frame: UIScreen.main.bounds)
    window?.windowScene = windowScene
    
    let rootVC = TBController()
    window?.rootViewController = rootVC
    window?.makeKeyAndVisible()

标签栏控制器：

class TBController: UITabBarController {

override func viewDidLoad() {
    super.viewDidLoad()

    tabBar.isTranslucent = false
    
    // Article TVC
    let articleVC = UINavigationController(rootViewController: ArticlesTVC())

    let articleIcon = UITabBarItem(title: "News", image: UIImage(systemName: "newspaper"), tag: 0)
    articleVC.tabBarItem = articleIcon
    articleVC.navigationBar.prefersLargeTitles = false
    articleVC.navigationBar.isTranslucent = false
    articleVC.navigationBar.barTintColor = .systemBackground
    articleVC.definesPresentationContext = true
    articleVC.view.clipsToBounds = true
} 

加载VC：

class LoadingVC: UIViewController {

var loadingLabel: UILabel = {
    let loadingLabel = UILabel()
    loadingLabel.text = "Loading articles..."
    loadingLabel.textAlignment = .center
    loadingLabel.translatesAutoresizingMaskIntoConstraints = false
    loadingLabel.font = .systemFont(ofSize: 18, weight: .heavy)
    loadingLabel.backgroundColor = .systemBackground
    return loadingLabel
}()

var loadingActivityIndicator: UIActivityIndicatorView = {
    let indicator = UIActivityIndicatorView()
    
    indicator.style = .large
    indicator.color = .white
    indicator.startAnimating()

    indicator.translatesAutoresizingMaskIntoConstraints = false
    indicator.backgroundColor = .systemBackground
    return indicator
}()

var blurEffectView: UIVisualEffectView = {
    let blurEffect = UIBlurEffect(style: .regular)
    let blurEffectView = UIVisualEffectView(effect: blurEffect)
    blurEffectView.clipsToBounds = true
    blurEffectView.alpha = 0.8
    
    blurEffectView.translatesAutoresizingMaskIntoConstraints = false
    blurEffectView.backgroundColor = .systemBackground
    return blurEffectView
}()

override func viewDidLoad() {
    super.viewDidLoad()

    view.backgroundColor = .systemBackground
    view.addSubview(loadingLabel)
    view.addSubview(blurEffectView)
    blurEffectView.frame = view.bounds
    
    view.addSubview(loadingActivityIndicator)
    loadingActivityIndicator.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
    loadingActivityIndicator.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true
    
    view.addSubview(loadingLabel)
    loadingLabel.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
    loadingLabel.centerYAnchor.constraint(equalTo: view.centerYAnchor, constant: 50).isActive = true
    
    
}
}

表格视图：

class ArticlesTVC: UITableViewController {

let loadingVC = LoadingVC()

override func viewDidLoad() {
    super.viewDidLoad()
    
    loadingVC.modalPresentationStyle = .currentContext
    loadingVC.modalTransitionStyle = .crossDissolve
    
    DispatchQueue.main.async {
        self.present(self.loadingVC, animated: true)
    }

    tableView.separatorStyle = .none
    tableView.backgroundColor = .systemBackground
}
}

Answer 1

您最好将其作为 tableView 上方的视图，并在您的内容加载后为其 isHidden 属性分配 true。故事板有点乱，虽然有一些方法可以解决这个问题，但在你的情况下，无论如何你都是以编程方式添加到视图控制器的视图中，所以将你的代码添加到自定义视图，然后在你的表格视图上添加该视图应该没问题。然后，您可以随意调用自定义视图的方法。