如何在没有导航栏标题、项目等的导航栏中创建状态栏背景？

Question

我花了 7 个小时研究编码，但没有任何答案。我相信Apple创建了自己的Apple Map，导航栏中只有一个状态栏区域。我试图寻找这个技巧代码来启用它，就像安全区域指南的绿色背景一样。

如果你知道代码，请告诉我。

谢谢。

Answer 1

如果我理解得很好，您可以使用一个简单的技巧：添加一个 containerView 并在其中执行您的操作，然后将您想要的颜色分配给虚拟状态栏，只需更改视图的背景颜色即可： 声明 containerView 和其中的标签：

let containerView = UIView()
let labelInfo = UILabel()

现在在 viewDidLoad 中设置对象和约束：

view.backgroundColor = .green // change color for status bar color
    
labelInfo.text = "do your stuff here"
labelInfo.font = .systemFont(ofSize: 24, weight: .semibold)
labelInfo.textColor = .black
labelInfo.textAlignment = .center
labelInfo.translatesAutoresizingMaskIntoConstraints = false
    
containerView.backgroundColor = .lightGray
containerView.translatesAutoresizingMaskIntoConstraints = false
    
view.addSubview(containerView)
containerView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor).isActive = true
containerView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor).isActive = true
containerView.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor).isActive = true
containerView.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor).isActive = true
    
containerView.addSubview(labelInfo)
labelInfo.trailingAnchor.constraint(equalTo: containerView.trailingAnchor).isActive = true
labelInfo.leadingAnchor.constraint(equalTo: containerView.leadingAnchor).isActive = true
labelInfo.heightAnchor.constraint(equalToConstant: 50).isActive = true
labelInfo.centerYAnchor.constraint(equalTo: containerView.centerYAnchor).isActive = true

这是结果：