How to implement the NavigationBar effect of AppStore ranking list page

Question

I increase the NavigationBar height with the following code

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)

}

But the segment clicked no effect,what's wrong with the code

http://oikehvl7k.bkt.clouddn.com/CE47969A-B47F-4EC3-BCB5-D77A437952F6.png — BaQiWL, Jan 12 '17 at 09:04
Make a custom view and fix it under Navigation bar? Hide or display it on viewWillAppear and viewWillDisappear method. — Yun CHEN, Jan 12 '17 at 11:36

iOS Developer · Answer 1 · 2017-01-13T10:30:05.590

You need to increase the size of navigation bar. Try below code it works fine

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)

}

}

thanks for your response ,but UINavigationBar of alll pages will increase, how to increase one page — BaQiWL, Jan 13 '17 at 06:20
Remove the extension UINavigationBar and I have update the answer with two method implementing. — iOS Developer, Jan 13 '17 at 10:30

score 0 · Answer 2 · edited May 23 '17 at 12:01

0

You have to increase the height of the navigation bar. Refer the below link to increase the height of the navigation bar

How to increase the height of UINavigationBar?

edited May 23 '17 at 12:01

Community

1
1

answered Jan 13 '17 at 05:33

Patrick R

6,621
1
24
27

How to implement the NavigationBar effect of AppStore ranking list page

2 Answers2