Separator between toolbar items in UIToolbar

Question

How to add a separator between buttons in a UIToolbar?

Sample image is shown in the below link

Craniology

Answer 1

I can think of two ways :

(a) You could make them very thin toolbar buttons with user interaction disabled.

(b) Your other choice would be to implement your own toolbar. I'd try (a) first ;)

Elusive

I had to do that in the past and the easiest way, under iOS 5 at least, was to use method (a). Using the new custom appearance api, setting a background image and setting the button width to 1px, the effect was very convincing. You can then use flexible spacers as usual to keep everything aligned just right. – Polygyny

Answer 2

I did it with a custom view button, with a 1 pixel wide background:

UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 1, 44)];
label.backgroundColor = [UIColor whiteColor];

UIBarButtonItem *divider = [[UIBarButtonItem alloc] initWithCustomView:label];
// Add button to array of toolbar items
[items addObject:divider];
// Or set items directly:
//toolbar.items = [NSArray arrayWithObject:divider];
label.text = @"";

Honaker

Answer 3

You can also make a toolbar button and set the Title = |

Estrone

Answer 4

If yo want a clean, simple layout I would prefer a very thin image with this separator in it. Then you can add fix distances between your normal button, the separator image button (user interaction disabled) and the next button.

Baccalaureate