有没有办法在不使用 UINavigationController 的情况下更改 Storyboard 中 UINavigationBar 的高度？

Question

我想在我的一个视图中使用自定义UINavigationBar，它不属于任何UINavigationController-hierarchy。当我将 UINavigationBar 拖到 Storyboard 中时，它显示如下：

这个栏是 44px，如果状态栏不共享这个空间就足够了。因为 iOS7 允许我们使用整个屏幕，包括状态栏的空间，UINavigationBar 应该是 64px 高，而不是 44px。

如果我将视图连接到 UINavigationController 的层次结构，那么它显示正确：

我在某处读到如果UINavigationBar 的属性barPosition: 设置为UIBarPositionTopAttached，那么条形将为64 像素。然而，这是一个readonly-property。

我的搜索结果只显示了我认为“解决方法”的内容。通过在UIViewController之前添加一个无用的UINavigationController，我可以假装有一个层次结构，它会自动添加64px的UINavigationBar。

真的没有办法拥有一个覆盖 64 像素的“流氓”（没有导航控制器的帮助）UINavigationBar？ 如果是这样，是否有任何正当理由说明原因？

（我并不是说UINavigationBar 默认应该是 64px，但在检查器中应该有一个选项）

（我也看到人们用编程方式来解决这个问题。即使这些答案有效，我仍然必须设计考虑到这一点（差距）的故事板。我想要什么要知道是否可以在情节提要中设置它，或者更确切地说，为什么不允许这样做？）

Answer 1

您可以通过编程方式更改导航栏高度：

[navBar setFrame:CGRectMake(0, 0, 320, 64)];

编辑：正如我在 cmets 中所写，您可能必须将此行放入 viewDidLayoutSubviews 以规避自动布局。

Answer 2

您可以通过其他方式将属性barPosition 设置为UIBarPositionTopAttached！

1. 为您的 UINavigationBar 添加一个代理。

2. 在委托类中实现-positionForBar:：

   - (UIBarPosition)positionForBar:(id<UIBarPositioning>)bar
   {
       return UIBarPositionTopAttached;
   }
   

您的导航栏顶部也必须锚定到顶部布局指南。

Answer 3

我也在使用独立的 UINavigationBar，遇到了同样的问题，我发现有两种方法可以正确解决这个问题。

我使用约束和父 UIView 修复了它。我在情节提要中将此 UIView 设置为具有 {0, 0, 320, 64} 框架的 UINavigationBar 的父视图。您可以添加一个或一组约束，强制 UINavigationBar 具有所需的大小。 鉴于您的父 UIView 在情节提要中有正确的框架，您可以照常在情节提要中布局其他视图。

现在，如果禁用自动布局，您可以按照 Lindsey 的回答中所述以编程方式更改条形高度。 -(void)viewDidLayoutSubviews 似乎是个不错的选择。

Answer 4

您可以使用 Interface Builder 的“Identity Inspector”中的“User Defined Runtime Attributes”将其设置为附加到视图的顶部。设置barPosition 属性。

这是barPosition 属性的文档：https://developer.apple.com/library/ios/documentation/uikit/reference/UIBarPositioning_Protocol/Reference/Reference.html

Answer 5

有一种方法可以在不使用UINavigationController 或以编程方式设置的情况下完成此操作。只需将导航栏上的高度限制设置为您想要的任何值，在本例中为 64。

您可以通过编程方式完成同样的事情：

[self.view addConstraint:[NSLayoutConstraint constraintWithItem:navigationBar attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeHeight multiplier:1 constant:64.0f]];

编辑：

正如@nerdist-colony 所指出的，在使用自动布局时，始终将translatesAutoresizingMaskIntoConstraints 设置为NO，否则可能会出现约束冲突。

Answer 6

@startupThekid：

如果您尝试更改由 UINavigationController 管理的 UINavigationBar 的自动调整大小掩码，iOS 将生成异常。

但是，您发布的目标 C 代码的 Swift 等效项是：

var navBar = self.navigationController!.navigationBar 

在viewDidAppear()中：

navBar.setTranslatesAutoresizingMaskIntoConstraints = false

无论你需要在哪里设置约束：

var navBarHeightConstraint = 
      NSLayoutConstraint(item: navBar, attribute: .Height,
            relatedBy: .Equal, toItem: nil, 
            attribute: .Height, multiplier: 1, constant: height)

self.view.addConstraint(navBarHeightConstraint)

您应该能够根据需要修改约束的常量属性以更改导航栏高度，例如更改设备方向

Answer 7

我在同一条船上遇到问题，但现在我已经解决了。我正在尝试做正确的事情以避免显式设置框架，这对于面向未来和轻松支持不同设备尺寸是可取的。就我而言，我想要导航栏下方的网络视图。

我将我的视图控制器设置为UINavigationBarDelegate 并实现positionForBar: 以返回UIBarPositionTopAttached，如user3269713's answer。似乎另一个技巧是使用自动布局将栏放置在 topLayoutGuide 下方。

这是我在以编程方式创建导航栏和 webview 后在 viewDidLoad 中使用的代码，我仍然看到栏停留在 44 高处，但无法立即看出原因：

    [navigationBar sizeToFit];
    navigationBar.delegate = self;
    [self.view addSubview:navigationBar];
    [self.view addSubview:webView];
    id guide = self.topLayoutGuide;
    NSDictionary *viewNamesDict = NSDictionaryOfVariableBindings(webView, navigationBar, guide);
    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[webView]|" options:0 metrics:nil views:viewNamesDict]];
    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[guide][navigationBar][webView]|" options:0 metrics:nil views:viewNamesDict]];

但我对自动布局进行了更多思考和尝试，结果证明这就是我的问题的原因。我试图依靠导航栏的自动调整掩码中的翻译约束，但事实证明我需要明确定义它们。这是我的新viewDidLoad 代码：

    [navigationBar sizeToFit];
    navigationBar.delegate = self;
    navigationBar.translatesAutoresizingMaskIntoConstraints = NO;
    [self.view addSubview:navigationBar];
    [self.view addSubview:webView];
    id guide = self.topLayoutGuide;
    NSDictionary *viewNamesDict = NSDictionaryOfVariableBindings(webView, navigationBar, guide);
    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[navigationBar]|" options:0 metrics:nil views:viewNamesDict]];
    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[webView]|" options:0 metrics:nil views:viewNamesDict]];
    NSString *verticalLayoutVisualExpression = [NSString stringWithFormat:@"V:|[guide][navigationBar(%f)][webView]|", navigationBar.frame.size.height];
    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:verticalLayoutVisualExpression options:0 metrics:nil views:viewNamesDict]];

是的，正如我所希望的那样，当转向横向时，这会自动移动栏并且状态栏会隐藏。

（我衷心推荐一个像 Masonry 这样的自动布局助手，它使布局代码更简洁，而 Masonry 则负责为您关闭 translatesAutoresizingMaskIntoConstraints）

Answer 8

我知道这是一种非常老套的方法，但对我来说它很有效。我有一个NavigationViewController，我想以模式加载一个 ViewController，它的顶部有一个UINavigationBar，带有完成和取消按钮。这是它的样子：

如您所见，顶部有一条白色带，我希望它与UINavigationBar 的颜色相同。我没有以编程方式更改UINavigationBar 的高度，而是创建了一个新视图并将其背景颜色设置为等于UINavigationBar 的背景颜色（HEX = F8F8F8，RGBA = 248,248,248,1.0）。再一次，我知道这是超级hacky，但它为我完成了工作。这是现在的样子

Answer 9

如果你使用 Autolayout，你可以将 UINavigationBar 的约束高度设置为 64 或更多。

Answer 10

我写了一篇博文，详细介绍了如何以最少的代码干预来做到这一点。您的栏将在情节提要中显示一个间隙，但它会在设备上正常工作。简而言之，步骤是：

1) 将导航栏添加到情节提要中的视图控制器。

2) 为故事板中的导航栏设置约束：
- Navigation Bar.Top = 顶部布局 Guide.Bottom
- 导航栏.Leading = Superview.Leading
- Navigation Bar.Trailing = Superview.Trailing

3) 将故事板的导航栏作为@IBOutlet 连接到其视图控制器。

4) 在视图控制器的类中，在类声明中添加一个 UINavigationBarDelegate 协议。

5) 在视图控制器的 viewDidLoad 方法中，将导航栏的委托设置为 self。

6) 在视图控制器中，添加 bar 定位委托的 positionForBar 方法。返回代表 TopAttached 的 UIBarPosition。 （注：UINavigationBarDelegate 继承自 UIBarPositioningDelegate 这个方法。）

带有 GIF 图片的完整帖子在这里：
Easily use a Navigation Bar without a corresponding Navigation Controller

这些步骤适用于 Swift 2.1/Xcode 7.2

Answer 11

在使用主情节提要的 Swift 3 中，您可以使用约束来更改高度并使其正常工作。这是我发现很容易实现的方式。

Creating the constraints.

What it looks like in the end.