iOS 5: Positioning Bar Button Item in a toolbar with Xcode/Storyboard

xcode ios5 storyboard uibarbuttonitem uitoolbar
Electro-Bunny picture Electro-Bunny · Mar 21, 2012 · Viewed 20.4k times · Source

I have an existing toolbar in my View... when I drag a "Bar Button Item" into the tool bar it gets slammed to left side of the toolbar (I would like it to sit on the right edge). Attempting to drag the Bar Button only results in it being "gravity snapped" back to the left side. I see nothing in the size inspector that would allow me to align it to the right edge of the toolbar. The BarButton width can be changed, but seemingly nothing else. Can anyone please give me an idea of how to move it to the right?

I will confess that I have a rookie/rudimentary understanding of (or lack thereof) Xcode/storyboarding gleaned from watching CS193p lecture videos (but I have not been able to relocate the lecture describing positioning within toolbars or pertinent documentation... a link would be welcomed.)

Answer

jrturton picture jrturton · Mar 21, 2012

Drag in a flexible space item to the left of your UIBarButton. Put another one to the right if you want it centered, and so on.

The pertinent CS193p lecture is lecture 7 (the iPad one), he covers UIToolbar at the start of that.

enter image description here

Related questions

iOS5 Storyboard error: Storyboards are unavailable on iOS 4.3 and prior

I've built a small app using storyboards and it ran great. Just before final testing I decided to try it out to see if it runs on iOS 4.3. I clicked on the gray 5.0 in the project settings and selected 4.3. The …

Read More
Xcode 4.2 iOS Empty Application and storyboards

I'm an Xcode newbie, and I'm trying to make my first training app. Since apparently Empty Application template is the only template that offers pre-integrated Core Data, I choose that. However, after that, I can't get UI to work (it …

Read More
How to select Multiple images from UIImagePickerController

In my application, I have to select more images ie; up to 3 images from library or capture of images.

Read More