UISegmentedControl below UINavigationbar in iOS 7

by

It’s a simple effect to accomplish.

First, place a segment in a toolbar. Place this toolbar right below the navigation bar. Set the delegate of the toolbar to your view controller, and return UIBarPositionTopAttached in positionForBar:. You can see in the store app, if you perform an interactive pop gesture, that the segment bar does not move the same as the navigation bar. That’s because they are not the same bar.

enter image description here

Now to remove the hairline. The “hairline” is an UIImageView that is a subview of the navigation bar. You can find it and set it as hidden. This is what Apple does in their native calendar app, for example, as well as the store app. Remember to show it when the current view disappears. If you play a little with the Apple apps, you will see that the hairline is set to hidden on viewWillAppear: and set to shown in viewDidDisappear:.

To achieve the style of the search bar, just set the bar’s searchBarStyle to UISearchBarStyleMinimal.

More Related Contents:

  1. How to hide UINavigationBar 1px bottom line
  2. Seeing black bars at the top and bottom of the iPhone X Simulator
  3. Creating a left-arrow button (like UINavigationBar’s “back” style) on a UIToolbar
  4. How to change Navigation Bar color in iOS 7?
  5. How do I change the title of the “back” button on a Navigation Bar
  6. Navigation bar with UIImage for title
  7. Transparent iOS navigation bar
  8. Removing the title text of an iOS UIBarButtonItem
  9. Achieving bright, vivid colors for an iOS 7 translucent UINavigationBar
  10. UISearchBar increases navigation bar height in iOS 11
  11. UISearchBar in navigationbar
  12. iOS UINavigationBar button remains faded after segue back
  13. How to hide a navigation bar from first ViewController in Swift?
  14. iOS 11 customise search bar in navigation bar
  15. How can I change the font of the back button for my navigation bar?
  16. Color Tint UIButton Image
  17. Hiding UITabBar when pushing a UIView
  18. How to change UINavigationBar background color from the AppDelegate
  19. How to enable back/left swipe gesture in UINavigationController after setting leftBarButtonItem?
  20. iOS 7 Status Bar Collides With NavigationBar
  21. Real time blur effect for Navigation Bar
  22. How do I use a UISegmentedControl to switch views?
  23. Change color of Back button in navigation bar
  24. How can I set the UINavigationbar with gradient color?
  25. How to hide the navigation bar and toolbar as scroll down? Swift (like myBridge app)
  26. Increase NavigationBar height
  27. How to remove border of the navigationBar in swift?
  28. presenting ViewController with NavigationViewController swift
  29. How to prevent status bar from overlapping content with hidesBarsOnSwipe set on UINavigationController?
  30. setting image for UIBarButtonItem – image stretched

Leave a Comment