In my application I am using custom Navigation bar which loads from XIB,
As Iphone X has different Status Bar and Top Bar what are the changes need to make?
Or it will run normally?
Is status bar color is still relevant?
Also has changes for Tabbar?
If you were keeping navigation bar's height 64 in old devices then for iPhone x you can set that height to 145 as apple human interface guidelines said that it have 145 points of height for top bar!
And yes status bar color will also relevant I think!
Edit
According to Geoff Hackworth's post
I think 140 is for large navigation bar titles in iOS 11 and iPhone x !
and for normal it should be 88
Related
I need to recreate navigation bar using custom view, since it will be easier to make than inserting view to the actual navigation bar from apple.
I need to insert search bar and some buttons.
but I have problem to set the size of that custom navigation bar view, in some iOS device it seems little bit bigger than the navigation bar from apple, I set the autolayout like the picture below. constraint to leading, trailing and top to the superview and then set the aspect ration to 375:80
the custom view is the red one. the navigation bar in orangeVC is from apple using navigation controller
and here is the result, for iPhone XR, XSMax, it seems great, the size seems the same.
but for iPhone 8 it seems the custom view is slightly bigger
how to properly make custom view that has the same size like navigation bar from apple?
Where the ratio 375:80 are you getting from?
It's not correctly.
NavigationBar's height is 44 by default, and StatusBar is 44 for Notch type devices like iPhone X, XR, XS, XS Max and 20 in otherwise.
So you need to set 88 for Notch type devices and 64 for otherwise instead of ratio. Good luck!
Nothing needs to be calculated.
Navbar height should be 44.0 all the time.
But, Navbar top constraint should use Safe Area in place of superview. and add a status bar background view just to match your header color
The best approach I found so far, without having to create a navigation controller instance:
[self.navigationBar sizeThatFits:CGSizeZero].height;
I have a custom navigation bar that worked well until iOS 11. It appears smaller than it should and seems to ignore the status bar height or something.
I set the whole thing programmatically and the height is set to 64.
have you tried to disable (untick) safe area?
I want to make a navigation bar that changes height in it's detail view just like the messages app in iOS 10. How can I do that?
Edit:
I am looking to change the height dynamically. SizeThatFits() Permanently changes the height.
If you are trying to do something else that requires the navigation bar to be resized, that's not supported. iOS 11 and Above
Community bug reports
I developed a simple app for iOS6 and now I'm to updating its appearence for iOS7. One of the first changes I would like to do concerns the navigation bar.
I'm using the standard navigation bar UI component that comes with xcode. While in iOS6 the navigation bar was clearly placed under the status bar (i.e. battery, carrier and hour), in iOS7 the navigation bar blends with the status bar.
My question is: how can I increase the height of the navigation bar and place the title vertically a little lower than the default position?
Currently I have this:
And the title is too close to the time. I would like to achieve this (standard Photos app that comes with iOS7):
here the title of the bar is lower and the bar is larger (or is just shifted down).
It have been trying to modify the height of the navigation bar through the size inspector but with no success.
It's probaly a very easy issue to solve, however I'm still new to xcode development and I can't figure it out.
Stick the view controller in a Navigation Controller, that should immediately solve the problem
Does anyone know the iOS image resolutions for navigation bar backgrounds? I’ve found the resolutions for pretty much all the other elements on Apple’s Custom Icon and Image Creation Guidelines page, but I couldn’t seem to find anything for pixel sizes requirements for navigation bar background images (both regular and retina).
The iOS navigation bar is 44 pixels tall and 320 pixels wide. On Retina displays, those numbers are double, at 88 pixels and 640 pixels respectively.
The navigation bar is 44 pixels tall. You can check the dimensions of any iOS UI element by creating one in interface builder and clicking on the size inspector (the ruler).
Note there is an issue I reported here. It seems you cannot set width and insets of a bar button item image on a navigation item from within IB size inspector nor programmatically, they simply have no effect. You can do so for a bar button item on the toolbar though. This seems to be a bug.
By the way here is the link to Apple Icon and Image Creation Guidelines.
Apple does not support api for setting background image of NavigationBar.
You can only set tintColor.
Or you can subclass and implement the - (void) drawRect:(CGRect)rect method.