自定义 iOS 导航栏高度、添加背景、菜单按钮 (Swift)
Customizing iOS Navigation Bar height, add background, menu button (Swift)
上周我在 iOS 开始开发,我一直在努力完成 iOS 应用程序导航栏的以下设计。到目前为止,我所能做的就是更改背景并在中心添加图像。如何调整导航栏的高度、添加背景和按钮?
我不相信 Apple 允许您更改导航栏的高度。但是,可以更改某些视觉属性,例如背景图像。
您可以在故事板中轻松执行此操作,或通过代码添加约束。
在顶部放置一个工具栏,具有以下限制:
- 顶部 Space 到 Superview = 0
- 领先 Space 到 Superview = 0
- 尾随 Space 到 Superview = 0
- 高度等于 80(或您想要的任何值)
将导航栏放置在工具栏下方并具有以下限制:
- 列表项
- 顶部 Space 到工具栏 = 0
- 领先 Space 到 Superview = 0
- 尾随 Space 到 Superview = 0
- 高度等于 64(或您想要的任何值)
从左侧开始向您的工具栏添加项目:
- 为菜单按钮添加栏按钮项
- 添加灵活的 Space 条形按钮项目
- 为 Owl 按钮图像添加栏按钮项
- 添加灵活的 Space 条形按钮项目
向您的导航栏添加项目:
- 为后退按钮添加一个条形按钮项目
故事板示例
上周我在 iOS 开始开发,我一直在努力完成 iOS 应用程序导航栏的以下设计。到目前为止,我所能做的就是更改背景并在中心添加图像。如何调整导航栏的高度、添加背景和按钮?
我不相信 Apple 允许您更改导航栏的高度。但是,可以更改某些视觉属性,例如背景图像。
您可以在故事板中轻松执行此操作,或通过代码添加约束。
在顶部放置一个工具栏,具有以下限制:
- 顶部 Space 到 Superview = 0
- 领先 Space 到 Superview = 0
- 尾随 Space 到 Superview = 0
- 高度等于 80(或您想要的任何值)
将导航栏放置在工具栏下方并具有以下限制:
- 列表项
- 顶部 Space 到工具栏 = 0
- 领先 Space 到 Superview = 0
- 尾随 Space 到 Superview = 0
- 高度等于 64(或您想要的任何值)
从左侧开始向您的工具栏添加项目:
- 为菜单按钮添加栏按钮项
- 添加灵活的 Space 条形按钮项目
- 为 Owl 按钮图像添加栏按钮项
- 添加灵活的 Space 条形按钮项目
向您的导航栏添加项目:
- 为后退按钮添加一个条形按钮项目