如何删除 UIToolbar 中自定义视图之间的空格？

Question

我正在尝试使用自定义图像创建一个包含 5 个按钮的 UIToolbar 。 我这样做的方法是创建 UIButtonTypeCustom 类型的按钮，然后从中创建 UIBarButtonItems，然后使用 setItems:animated:< 将它们添加到工具栏/代码>。 但是，这会在图像之间增加空格，导致第五张图像超出工具栏右侧的一半。 我如何摆脱这些空间？ 我已经尝试了我能想到的一切。

非常感谢您的帮助。

以下是一些关于我如何处理此问题的示例代码：

UIButton *button;
UIBarButtonItem *barButton1,*barButton2;

button = [UIButton buttonWithType:UIButtonTypeCustom];
[button setImage:[UIImage imageNamed:@"image1.png"] forState:UIControlStateNormal];
button.bounds = CGRectMake(0,0,button.imageView.image.size.width, button.imageView.image.size.height);
[button addTarget:self action:@selector(action:) forControlEvents:UIControlEventTouchUpInside];
barButton1 = [[UIBarButtonItem alloc] initWithCustomView:button];


button = [UIButton buttonWithType:UIButtonTypeCustom];
[button setImage:[UIImage imageNamed:@"bart_tb.png"] forState:UIControlStateNormal];
button.bounds = CGRectMake(0,0,button.imageView.image.size.width, button.imageView.image.size.height);
[button addTarget:self action:@selector(action:) forControlEvents:UIControlEventTouchUpInside];
barButton2 = [[UIBarButtonItem alloc] initWithCustomView:button];

NSArray *items = [NSArray arrayWithObjects: barButton1, barButton2, nil];
[self.toolbar setItems:items animated:NO];

Answer 1

如果你正在寻找的是布局 UIBarButtonItems 小于默认甚至 0 垂直间距（像我一样），那么购买 UIToolBar 就会自动完成； 这是我的建议：

UIToolBar 私密地布局它的项目。
苹果工程师永远不会真正期望开发人员覆盖它。
使用固定间距覆盖默认的 10Point 水平间距是不够的。
由于 UIToolbar 布局其项目至少相距 10 点，因此您将这些 UIBarButtonItems 的宽度设置为 -10，以便没有间距，如以下代码所示：

CGFloat toolbarHeight = 44.0;
CGRect toolbarFrame = CGRectMake(0,0, self.view.bounds.size.width, toolbarHeight);
UIToolbar *toolbar = [[UIToolbar alloc] initWithFrame:toolbarFrame];

UIBarButtonItem* noSpace = [[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:nil action:nil] autorelease];
UIBarButtonItem* noSpace1 = [[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:nil action:nil] autorelease];

noSpace.width = -10.0;
noSpace1.width = -10.0;

[toolbar setItems:[NSArray arrayWithObjects:
                   [[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd target:nil action:nil] autorelease],
                   noSpace,
                   [[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemTrash target:nil action:nil] autorelease],
                   noSpace1,
                   [[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCompose target:nil action:nil] autorelease]
                   , nil]];

Answer 2

如果您在每个项目之间添加垫片，则间距应该自行解决。 根据您的情况，您可能希望在两个按钮的两侧放置一个垫片，并在其之间放置一个垫片。 您可以这样做：

UIBarButtonItem *spacer = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];

NSArray *items = [[NSArray alloc] initWithObjects: spacer, barButton1, spacer, barButton2, spacer, nil];

[spacer release];

请注意，您还可以使用 UIBarButtonSystemItemFixedSpace 但您需要显式指定它的“width”属性。 而 UIBarButtonSystemItemFlexibleSpace 似乎可以为您解决这个问题。

Answer 3

我已经解决了这个问题，你应该在每个按钮之前和之后使用灵活的项目。

    UIBarButtonItem *flexibleSpace = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];

只需将 flexSpace 添加到要在工具栏中设置的项目数组中即可。

ps 在摆脱这个之前我几乎自杀了，并且尝试了所有类型的解决方案，包括使用其他栏而不是 UIToolBar。

Answer 4

嗯，这是一个非常老的问题，但我刚刚遇到了同样的问题并设法解决了它。

神奇的密码是将 UIBarButtonItem 样式设置为 UIBarButtonItemStyleBordered。

UIBarButtonItem *item = [[UIBarButtonItem alloc] initWithCustomView:aView];
item.style = UIBarButtonItemStyleBordered;

就是这样...

Answer 5

可以在项目之间添加一个具有负宽度的固定空间项目来补偿间距。

UIBarButtonItem *fixedSpace = [[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:nil action:nil] autorelease];
fixedSpace.width = -12.0f;

Answer 6

在两个栏按钮之间，您可以选择 UIBarButtonSystemItemFixedSpace。
并调整宽度。它对我有用。

Answer 7

我遇到了同样的问题。 最后，我通过子类化 UIToolbar 并重写布局子视图方法解决了这个问题。

- (void)layoutSubviews {

  [super layoutSubviews];

  if (leftItem_ && leftItem_.customView
      && [leftItem_.customView isKindOfClass:[UIButton class]]) {
    CGRect newFrame = leftItem_.customView.frame;
    newFrame.origin.x = 0;   // reset the original point x to 0; default is 12, wired number
    leftItem_.customView.frame = newFrame;    
  }

  if (rightItem_ && rightItem_.customView
      && [rightItem_.customView isKindOfClass:[UIButton class]]) {
    CGRect newFrame = rightItem_.customView.frame;
    newFrame.origin.x = self.frame.size.width - CGRectGetWidth(newFrame);
    rightItem_.customView.frame = newFrame;
  }

}

Answer 8

我能够在 Xcode4 中解决这个问题，方法是将一个灵活的空间作为最左边的项目，然后将另一个空间作为最右边的项目。

Answer 9

UIBarButtonItem *barButton1,*barButton2;

barButton1 = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"image1.png"] style:UIBarButtonItemStylePlain
    target:self action:@selector(action:)];

barButton2 = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"bart_tb.png"] style:UIBarButtonItemStylePlain
    target:self action:@selector(action:)];

NSArray *items = [[NSArray alloc] initWithObjects: barButton1, barButton2, nil];
[barButton1 release];
[barButton2 release];
[self.toolbar setItems:items animated:NO];
[items release];

这样做......如果您想更改按钮的宽度，请设置 UIBarButtonItem 对象的 width 属性。 宽度的默认值为 0，这使得它足够大以适合其图像/标题。

希望有帮助。

Answer 10

我今天遇到了同样的问题，并用简单的方法解决了它，
所以分享。

您可以采用具有相同编号的新 UIView。 您想要显示的工具栏上的按钮。
然后根据工具栏设置大小即可。

简而言之，工具栏上方的普通按钮看起来像工具栏按钮。