快捷導(dǎo)航

Navigation bar的注意事項(xiàng)詳解

更新時(shí)間：2017年01月09日 15:43:22 作者：Silence_cnblogs

本文主要介紹了Navigation bar的注意事項(xiàng)。具有一定的參考價(jià)值，下面跟著小編一起來看下吧

Bar button item 使用 button 作為 custom view，初始化 isEnabled 為 false，注意順序

需要設(shè)置 bar button item 的 custom view 為 button，但一開始 isEnabled 要為 false。

生成一個(gè) button

let leftButton = UIButton(frame: CGRect(x: 0, y: 0, width: 80, height: 44))
leftButton.setTitleColor(UIColor.green, for: .normal)
leftButton.setTitleColor(UIColor.red, for: .disabled)
leftButton.setTitle("Enabled", for: .normal)
leftButton.setTitle("Disabled", for: .disabled)
leftButton.addTarget(self, action: #selector(leftButtonClicked(_:)), for: .touchUpInside)

如果先設(shè)置 isEnabled，后設(shè)置 bar button item

leftButton.isEnabled = false
navigationItem.leftBarButtonItem = UIBarButtonItem(customView: leftButton)

結(jié)果 isEnabled 還是 true

正確的順序

navigationItem.leftBarButtonItem = UIBarButtonItem(customView: leftButton)
leftButton.isEnabled = false // or navigationItem.leftBarButtonItem?.isEnabled = false

結(jié)果 isEnabled 是 false

改變 navigation bar isTranslucent 屬性會(huì)改變 view 的坐標(biāo)

放置兩個(gè) label。其中， frameLabel 沒有添加約束（NSLayoutConstraint），constraintLabel 左、右、下都有約束，與 view 相接。

設(shè)置右上角按鈕動(dòng)作

navigationItem.rightBarButtonItem = UIBarButtonItem(title: "Change", style: .plain, target: self, action: #selector(rightButtonClicked(_:)))

改變 navigation bar isTranslucent 屬性，顯示 label 的坐標(biāo)

@objc private func rightButtonClicked(_ sender: AnyObject) {
navigationController?.navigationBar.isTranslucent = !navigationController!.navigationBar.isTranslucent
    updateLabelContent()
}
private func updateLabelContent() {
  title = navigationController!.navigationBar.isTranslucent ? "Translecent" : "Opaque" 
  let frameLabelOrigin = frameLabel.frame.origin
  frameLabel.text = "Frame label. x = \(frameLabelOrigin.x), y = \(frameLabelOrigin.y)"  
  let constraintLabelOrigin = constraintLabel.frame.origin
  constraintLabel.text = "Constraint label. x = \(constraintLabelOrigin.x), y = \(constraintLabelOrigin.y)"
  print("\(title)")
  print("Status bar frame:", UIApplication.shared.statusBarFrame) // (0.0, 0.0, 375.0, 20.0)
  print("Navigation bar frame:", navigationController!.navigationBar.frame) // (0.0, 20.0, 375.0, 44.0)
}

通過點(diǎn)擊右上角按鈕，來查看變化。

透明時(shí)

不透明時(shí)

View controller 的 view 坐標(biāo)改變，Status bar 和 navigation bar 的坐標(biāo)不變

Navigation bar 從不透明變透明，status bar 和 navigation bar 的坐標(biāo)都不變。整個(gè) view 下移64，高度減小64，不會(huì)超出 window。沒加約束的 frameLabel 坐標(biāo)不變，但相對 window 的位置隨著 view 一起下移。添加約束的 constraintLabel 的坐標(biāo)改變，但是相對 window 的位置不變。

如果需要改變 navigation bar isTranslucent 屬性，就要考慮對其他 view 會(huì)不會(huì)有影響，是否使用約束來定位。

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！

您可能感興趣的文章: