如何在iOS中设置状态栏以显示消息？

Question

我希望在状态栏下方设置一条消息，并可能更改消息的颜色（参见照片 - 我正在寻找设置“睡眠周期”所在的消息）。

但是，我已经看过iOS的人类设计指南，但我无法确定这个控件的名称。

https://developer.apple.com/ios/human-interface-guidelines/ui-bars/navigation-bars/

正确方向的一点将会有很大的帮助。

Answer 1

尝试此代码：在Xcode 8中测试代码。

/使用以下代码更新您的plist

 View controller-based status bar appearance = NO  

//在VC中：

     override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.

    title = "Some Title"

    navigationController?.navigationBar.tintColor = UIColor.white
    navigationController?.navigationBar.barTintColor = UIColor.red
    navigationController?.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName:UIColor.white]
    UIApplication.shared.statusBarStyle = .lightContent  // To change your status bar to display light content (In white colour)
   }

    func sleepCycleNotify() {

    // To set BannerView
    let barView = UIView(frame: CGRect(x:0, y:0, width:view.frame.width, height:(UINavigationController().navigationBar.frame.height)))
    barView.backgroundColor=UIColor.red // set to any colour you want..
    navigationController?.navigationBar.addSubview(barView)

    let notifyLabel = UILabel()
    notifyLabel.frame = CGRect(x:0, y:0, width:view.frame.width, height:(UINavigationController().navigationBar.frame.height))
    notifyLabel.backgroundColor=UIColor.clear
    notifyLabel.text = "Sleep Cycle"
    notifyLabel.textAlignment = .center
    notifyLabel.textColor = UIColor.white
    notifyLabel.alpha = 0.8
    barView.addSubview(notifyLabel)


    // Animation 1:
    // To achive animation
    barView.center.y -= (navigationController?.navigationBar.bounds.height)!


    UIView.animate(withDuration: 0.7, delay: 0, usingSpringWithDamping: 0.9, initialSpringVelocity: 0.6, options: UIViewAnimationOptions.curveEaseIn, animations:{
        barView.center.y += (self.navigationController?.navigationBar.frame.height)!


        }, completion:{ finished in



            UIView.animate(withDuration: 1, delay: 1.5, usingSpringWithDamping: 0.6, initialSpringVelocity: 0.9, options: UIViewAnimationOptions.curveEaseOut, animations:{

                barView.center.y -= ((self.navigationController?.navigationBar.frame.height)! + UIApplication.shared.statusBarFrame.height)

                }, completion: nil)

    })


}

以上代码的输出：

Set position by percent - Android DisplayMetrics

//动画2：

    func sleepCycleNotify() {

    // 
    let barView = UIView(frame: CGRect(x:0, y:0, width:view.frame.width, height:(UINavigationController().navigationBar.frame.height)))
    barView.backgroundColor=UIColor.red // set any colour you want..
    navigationController?.navigationBar.addSubview(barView)

    let notifyLabel = UILabel()
    notifyLabel.frame = CGRect(x:0, y:0, width:view.frame.width, height:(UINavigationController().navigationBar.frame.height))
    notifyLabel.backgroundColor=UIColor.clear
    notifyLabel.text = "Sleep Cycle"
    notifyLabel.textAlignment = .center
    notifyLabel.textColor = UIColor.white
    notifyLabel.alpha = 0.8
    barView.addSubview(notifyLabel)



    // To achive animation
    barView.center.y -= (navigationController?.navigationBar.bounds.height)!


    UIView.animate(withDuration: 1, delay: 0, usingSpringWithDamping: 0.9, initialSpringVelocity: 0.6, options: UIViewAnimationOptions.curveEaseIn, animations:{

        UIApplication.shared.isStatusBarHidden = true
        UINavigationController().navigationBar.isHidden = true
        barView.center.y += (self.navigationController?.navigationBar.frame.height)!




        }, completion:{ finished in



            UIView.animate(withDuration: 1.5, delay: 0, usingSpringWithDamping: 0.6, initialSpringVelocity: 0.9, options: UIViewAnimationOptions.curveEaseOut, animations:{
               // notifyLabel.alpha = 0...1
                UIApplication.shared.isStatusBarHidden = false
                UINavigationController().navigationBar.isHidden = false
                barView.center.y -= ((self.navigationController?.navigationBar.frame.height)! + UIApplication.shared.statusBarFrame.height)


                }, completion: nil)

    })


}

动画2的输出：

改进答案：

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.

    title = "Some Title"

    navigationController?.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName:UIColor.white]
    navigationController?.navigationBar.barTintColor = UIColor.purple
    UIApplication.shared.statusBarStyle = .lightContent

  }

    func sleepCycleNotify() {

    // To set BannerView
    let barView = UIView(frame: CGRect(x:0, y:-UIApplication.shared.statusBarFrame.height, width:view.frame.width, height:(UINavigationController().navigationBar.frame.height) + UIApplication.shared.statusBarFrame.height ))
    barView.backgroundColor=UIColor.red // set to any colour you want..
    navigationController?.navigationBar.addSubview(barView)


    let notifyLabel = UILabel()
    notifyLabel.frame = CGRect(x:0, y:UIApplication.shared.statusBarFrame.height, width:view.frame.width, height:(UINavigationController().navigationBar.frame.height))
    notifyLabel.backgroundColor=UIColor.clear
    notifyLabel.numberOfLines = 0
    notifyLabel.text = "Sleep Cycle"
    notifyLabel.textAlignment = .center
    notifyLabel.textColor = UIColor.white
    notifyLabel.alpha = 0.8
    barView.addSubview(notifyLabel)


    // Animation 1:
    // To achive animation
    barView.center.y -= (navigationController?.navigationBar.bounds.height)!


    UIView.animate(withDuration: 0.7, delay: 0, usingSpringWithDamping: 0.9, initialSpringVelocity: 0.6, options: UIViewAnimationOptions.curveEaseIn, animations:{
        barView.center.y += (self.navigationController?.navigationBar.frame.height)!



        }, completion:{ finished in



            UIView.animate(withDuration: 1, delay: 1.5, usingSpringWithDamping: 0.6, initialSpringVelocity: 0.9, options: UIViewAnimationOptions.curveEaseOut, animations:{

                barView.center.y -= ((self.navigationController?.navigationBar.frame.height)! + UIApplication.shared.statusBarFrame.height)

                }, completion: nil)

    })   
}

动画3的输出：