iphone - 解释一下 leftBarButtonItem、rightBarButtonItem、titleView 的边距逻辑

Question

谁能向我解释一下您在下面的屏幕截图中看到的边距来自哪里？我希望红色、绿色和蓝色矩形在屏幕布局(横向和纵向)中都彼此相邻。相反，我看到 View 之间存在令人费解的边缘。

// 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]];

我通过这段代码看到了什么:

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

谢谢!

Answer 1

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

解释你的具体代码也不是很难:115+100+50 = 265并且屏幕的宽度是320，所以导航栏有55个像素用作边距。左侧项目左对齐，右侧项目右对齐，中间项目居中。因此，纵向获得的边距非常有意义。

您在横向中看到的内容是由于您灵活的宽度所致。您不应该在导航栏中的项目上具有灵活的宽度，因此这样做时的行为是未定义的，即错误在于您如何使用导航栏而不是导航栏本身。

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

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

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

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