[ios7] What is the height of Navigation Bar in iOS 7?

I 've just created a simple iOS 7 app using the default Master Details template.

In the MasterViewController.m, viewDidAppear method, I logged for

self.navigationController.navigationBar.frame.size.height
self.navigationController.navigationBar.frame.origin.y

and received 44 and 20 accordingly. This seems weird, because from what I read, the Navigation Bar in iOS 7 should be 64 point height and start at 0 point, so that it sits underneath the Status bar. What I read are

1) iOS 7 UI Transition Guide

Because the status bar is transparent, the view behind it shows through

2) Using Background Image in Navigation Bar

If your app uses a custom image as the background of the bar, you’ll need to provide a “taller” image so that it extends up behind the status bar. The height of navigation bar is changed from 44 points (88 pixels) to 64 points (128 pixels).

This question is related to ios7 height frame statusbar navigationbar

The answer is


There is a difference between the navigation bar and the status bar. The confusing part is that it looks like one solid feature at the top of the screen, but the areas can actually be separated into two distinct views; a status bar and a navigation bar. The status bar spans from y=0 to y=20 points and the navigation bar spans from y=20 to y=64 points. So the navigation bar (which is where the page title and navigation buttons go) has a height of 44 points, but the status bar and navigation bar together have a total height of 64 points.

Here is a great resource that addresses this question along with a number of other sizing idiosyncrasies in iOS7: http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/


Examples related to ios7

Xcode: Could not locate device support files How to Apply Gradient to background view of iOS Swift App How do I hide the status bar in a Swift iOS app? Using Predicate in Swift How do I programmatically set device orientation in iOS 7? What is the height of Navigation Bar in iOS 7? Warning :-Presenting view controllers on detached view controllers is discouraged Color Tint UIButton Image iOS change navigation bar title font and color How to embed small icon in UILabel

Examples related to height

How to Determine the Screen Height and Width in Flutter How do I change UIView Size? Adjust UILabel height to text iFrame Height Auto (CSS) CSS height 100% percent not working What is the height of Navigation Bar in iOS 7? Relative div height How to fill 100% of remaining height? CSS div 100% height Change UITableView height dynamically

Examples related to frame

Adjust UILabel height to text What is the height of Navigation Bar in iOS 7? How do I change the background of a Frame in Tkinter? Tkinter scrollbar for frame Python Tkinter clearing a frame Switch between two frames in tkinter Html code as IFRAME source rather than a URL UIView frame, bounds and center Simple way to change the position of UIView? What's the difference between IFrame and Frame?

Examples related to statusbar

Change status bar text color to light in iOS 9 with Objective-C Android Completely transparent Status Bar? Changing the Status Bar Color for specific ViewControllers using Swift in iOS8 Android Material: Status bar color won't change How do I use DrawerLayout to display over the ActionBar/Toolbar and under the status bar? What is the height of Navigation Bar in iOS 7? How to hide iOS status bar iOS 7 - Status bar overlaps the view iOS 7 status bar back to iOS 6 default style in iPhone app? Cannot hide status bar in iOS7 Selected tab's color in Bottom Navigation View UIBarButtonItem in navigation bar programmatically? Android lollipop change navigation bar color How to hide navigation bar permanently in android activity? What is the height of Navigation Bar in iOS 7? iOS change navigation bar title font and color Permanently hide Navigation Bar in an activity Adding a stylesheet to asp.net (using Visual Studio 2010)