自定义iOS导航栏高度，添加背景，菜单按钮（Swift）

Question

I've started developing in iOS last week and I've been trying to accomplish the following design to the Nav bar of my iOS app. So far, all I can do is change the background and add an image in the center. How do I resize the height of the navigation bar, add background and the buttons?

Answer 1

You can easily do this in a storyboard, or adding constraints via code.

Place a toolbar on top with these constraints:

1. Top Space to Superview = 0
2. Leading Space to Superview = 0
3. Trailing Space to Superview = 0
4. Height Equals = 80 (or whatever value you want)

Place navigation bar below the toolbar with these constraints:

1. List item
2. Top Space to the Toolbar = 0
3. Leading Space to Superview = 0
4. Trailing Space to Superview = 0
5. Height Equals = 64 (or whatever value you want)

Add items to you Toolbar starting from the left:

1. Add a Bar Button Item for the Menu Button
2. Add a Flexible Space Bar Button Item
3. Add a Bar Button Item for the Owl Button Image
4. Add a Flexible Space Bar Button Item

Add items to your Navigation Bar:

1. Add a Bar Button Item for the Back Button

---

Storyboard Example

Answer 2

I don't believe Apple allows you to change the height of the navigation bar. However, certain visual attributes can be altered, such as background image.

Refer to this document: https://developer.apple.com/library/ios/documentation/UIKit/Reference/UINavigationBar_Class/index.html#//apple_ref/doc/uid/TP40006887-CH3-SW16