解释leftBarButtonItem，rightBarButtonItem，titleView的边距逻辑

Question

有人可以向我解释一下你在下面这个屏幕截图中看到的边距来自哪里？我希望红色，绿色和蓝色矩形在屏幕布局，横向和纵向两者中彼此相邻。相反，我在视图之间看到了莫名其妙的边缘。

// Setup Left Bar Button item
UIBlankToolbar* tools = [[[UIBlankToolbar alloc] initWithFrame:CGRectMake(0, 0, 115, 44)] autorelease];
tools.autoresizingMask = UIViewAutoresizingFlexibleWidth;
[tools setBackgroundColor:[UIColor greenColor]];
self.navigationItem.leftBarButtonItem = [[[UIBarButtonItem alloc] initWithCustomView:tools] autorelease];

...

// Setup Right Bar Button Item
UIBlankToolbar* tools = [[[UIBlankToolbar alloc] initWithFrame:CGRectMake(0, 0, 100, 44)] autorelease];
[tools setAutoresizingMask:UIViewAutoresizingFlexibleWidth];
[tools setBackgroundColor:[UIColor redColor]];
self.navigationItem.rightBarButtonItem = [[[UIBarButtonItem alloc] initWithCustomView:tools] autorelease];

...

// Setup Title View
self.navigationItem.titleView = [[[UIView alloc] initWithFrame:CGRectMake(0, 0, 50, 44)] autorelease];
self.navigationItem.titleView.autoresizingMask = UIViewAutoresizingFlexibleWidth;
[self.navigationItem.titleView setBackgroundColor:[UIColor blueColor]];

我在这段代码中看到的内容：

让我感到困惑的是，随着可用空间变小，视图之间的边距变得更大？我不明白为什么他们在那里，也不明白为什么他们的行为与我对利润的期望相反。

谢谢！

Answer 1

导航栏在其强制执行的项目之间具有最小边距，这就是您无法摆脱边距的原因。

解释您的特定代码也不是很难：115+100+50 = 265且屏幕宽度为320，因此导航栏有55个像素用作边距。左侧项目左对齐，右侧项目右侧对齐，中间项目居中。 因此，你在肖像中获得的余量非常有意义。

您在风景中看到的是由于您灵活的宽度。您不应该在导航栏中的项目上具有灵活的宽度，因此在执行此操作时的行为是未定义的，即，错误在于您如何使用导航栏而不是导航栏本身。

正在发生的事情是首先计算正确项目的新尺寸。它从100增长到100+(480-320) = 260。然后计算中间项目的大小，看起来它只需要所有可用的大小。当计算左项目的时间时，它实际上会收缩，因为右侧和中间项目占用了所有空间，因此当导航栏强制执行边距时，像素将从左侧项目中获取。

实际算法可能有所不同。毕竟它是封闭的来源，我试图解释未定义的行为，但看看似乎正在发生的产生的利润。

无论如何，你应用程序永远不应该依赖于未定义的行为，因为未定义的行为可能会在版本之间发生变化并打破它。您应该做的是创建自己的自定义视图并将其添加为导航栏的子视图。然后，您将按照自己的方式处理视图中的边距。

yourView = [[YourView alloc] initWithFrame:(UIInterfaceOrientationIsPortrait(interfaceOrientation)) ? CGRectMake(0, 0, 320, 44) : CGRectMake(0, 0, 480, 44)];
yourView.autoresizingMask = UIViewAutoresizingFlexibleWidth;
[self.navigationController.navigationBar addSubview:yourView];