make a UIBarButtonItem with customView behave like Flexible-Space item

TomSwift picture TomSwift · Jan 7, 2012 · Viewed 7.4k times · Source

I have a UIBarButtonItem that has a UITextField as its customView. The toolbar contains this item and a few buttons.

As the toolbar resizes (say on a device-orientation change) I want the UITextField to grow or shrink (width) to occupy all the available space in the toolbar.

Short of figuring out the combined sizes of all the buttons in the toolbar, then setting the UITextField width appropriately, is there just some magical way to make this item behave like a flexible-space bar item?

Answer

Oded Ben Dov picture Oded Ben Dov · Jun 4, 2012

So as I wrote in the comment, the solution suggested by @Krishna_K does not work at all times.

Since I wrote my own method, thought of sharing. A portion of it is based on: Get the width of a UIBarButtonItem

// Expand the status label to fill remaining space
CGFloat totalItemsWidth = 0.0;
CGFloat itemsMargin     = 8.0;
for (UIBarButtonItem *barButtonItem in myToolbar.items) {
    if (barButtonItem != self.myLabelItem) {
        // Get width of bar button item (hack from other SO question)
        UIView *view = [barButtonItem valueForKey:@"view"];
        CGFloat width = view? [view frame].size.width : (CGFloat)0.0;

        totalItemsWidth += width + itemsMargin;
    }
}

self.myLabelItem.width = (myToolbar.frame.size.width - totalItemsWidth) - itemsMargin;

Comments:

  • Can't explain why this works with flexible spaces, but it does

  • Notice that items passed to UIToolbar are copied not retained - so you should always work on the bar items from the toolbar itself, not your local retained object.

  • That hack in there is the only thing that worked for getting width (tried width property, tried after some delay so views are added, tried letting views expand on their own). Usual hack-warnings apply...

That's it folks...