自定义 iOS 导航栏高度、添加背景、菜单按钮 (Swift)

Customizing iOS Navigation Bar height, add background, menu button (Swift)

上周我在 iOS 开始开发,我一直在努力完成 iOS 应用程序导航栏的以下设计。到目前为止,我所能做的就是更改背景并在中心添加图像。如何调整导航栏的高度、添加背景和按钮?

我不相信 Apple 允许您更改导航栏的高度。但是,可以更改某些视觉属性,例如背景图像。

参考这个文档: https://developer.apple.com/library/ios/documentation/UIKit/Reference/UINavigationBar_Class/index.html#//apple_ref/doc/uid/TP40006887-CH3-SW16

您可以在故事板中轻松执行此操作,或通过代码添加约束。

在顶部放置一个工具栏,具有以下限制:

  1. 顶部 Space 到 Superview = 0
  2. 领先 Space 到 Superview = 0
  3. 尾随 Space 到 Superview = 0
  4. 高度等于 80(或您想要的任何值)

将导航栏放置在工具栏下方并具有以下限制:

  1. 列表项
  2. 顶部 Space 到工具栏 = 0
  3. 领先 Space 到 Superview = 0
  4. 尾随 Space 到 Superview = 0
  5. 高度等于 64(或您想要的任何值)

从左侧开始向您的工具栏添加项目:

  1. 为菜单按钮添加栏按钮项
  2. 添加灵活的 Space 条形按钮项目
  3. 为 Owl 按钮图像添加栏按钮项
  4. 添加灵活的 Space 条形按钮项目

向您的导航栏添加项目:

  1. 为后退按钮添加一个条形按钮项目

故事板示例