ios - 如何实现App Store排行榜页面的Navigation Bar效果

Question

我使用以下代码增加 NavigationBar 的高度

override func viewDidLayoutSubviews() {

    setUpSegmentControll()

    let view  = UIView(frame: CGRect(x: 0, y: 44, width: ScreenWidth, height: 40))
    view.backgroundColor = UIColor.init(colorLiteralRed: 89/255, green: 89/255, blue: 89/255, alpha: 1)
    segmentControll.center.x = view.center.x
    view.addSubview(segmentControll)
    self.navigationController?.navigationBar.addSubview(view)

}

但是段点击没有效果，代码有什么问题

Answer 1

您需要增加导航栏的大小。尝试下面的代码，效果很好

import UIKit

/*extension  UINavigationBar {
    open override func sizeThatFits(_ size: CGSize) -> CGSize {
        var rect = self.frame;
        let screenRect = UIScreen.main.bounds
        rect.size.width = screenRect.size.width
        rect.size.height = 104
        return rect.size
    }
}*/

class ViewController: UIViewController {

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.
    self.navigationController!.navigationBar.clipsToBounds = true
}
override func viewDidAppear(_ animated: Bool) {
    self.navigationController!.navigationBar.frame = CGRect(x: 0, y: 0, width: self.view.frame.size.width, height: 104.0)

}
override func viewWillDisappear(_ animated: Bool) {
    self.navigationController!.navigationBar.frame = CGRect(x: 0, y: 0, width: self.view.frame.size.width, height: 64.0)
}


override func viewDidLayoutSubviews() {

    let segmentControll = UISegmentedControl(items: ["1","2"])
    segmentControll.frame = CGRect(x: 0, y: 5, width: 300, height: 30)
    let view  = UIView(frame: CGRect(x: 0, y: 64, width: UIScreen.main.bounds.size.width, height: 40))
    view.backgroundColor = UIColor.init(colorLiteralRed: 89/255, green: 89/255, blue: 89/255, alpha: 1)
    segmentControll.center.x = view.center.x
    view.addSubview(segmentControll)
    self.navigationController?.navigationBar.addSubview(view)

}