Reputation: 3028

Rearranging Tab Bar Controller Order in StoryBoard

In my app iPhone app I have a Tab Bar Controller with 4 relationships to 4 different Table View Controllers. Is there a way to rearrange the order of the relationship in the StoryBoard graphically? I can't find a way to do this and I'm sure I must be missing something!

Upvotes: 187

Answers (20)

islam XDeveloper

Reputation: 500

i am solve it to make rearrange the storyboard when remove segue and add it again and first in fist out (FIFO).

Upvotes: -1

mohsen

Reputation: 5078

You can just drag tab bar item and drop it in the place that you want, like the beneath picture

Upvotes: 6

Aaban Tariq Murtaza

Reputation: 1252

XCODE 10.1: Zoom the story board. Simply drag tab items. (No shift no other)

Upvotes: 14

Digvijay Gida

Reputation: 89

Remove all viewcontrollers sequge with tabbar. You need first viewcontroller first segue then another viewcontroller connect with tabbar.

No restart xcode & no clear source code file in change require.

Upvotes: 0

handsome

Reputation: 2422

SHIFT + DRAG works on Xcode 10.0

Upvotes: 31

Nina

Reputation: 701

For me dragging did not work either in XCode 7.3.1. Restarting XCode did not help. And none of the above mentioned solutions worked for me.

What helped me: I deleted the relationship to the second item and ctrl-dragged from that item to the Tab Bar Controller and created another relationship. It was automatically in the second place now.

Upvotes: 0

Gerald

Reputation: 597

To add on to the drag and drop method provided by everyone. I posted this as an answer so that I can include images. Tried on Xcode 7.3

If you are using custom tab bar item, you can still drag and drop to reorder even though the Tab Bar Controller scene shows a grey bar, the bar item is still there. This is especially inconspicuous when all your bar item are custom items

Upvotes: 7

Sreedeepkesav M S

Reputation: 1173

Control + drag the item in TabBarController in storyboard and rearrange to the desired position.

Upvotes: 1

Jannie Theunissen

Reputation: 30104

I know the OP is using Xcode interface builder and asking for a graphical way to do this, but for developers working with Xamarin iOS Designer, here is a workaround that I use.

Open the .storyboard file in a text editor or using Xcode, right click on the storyboard item in Project Navigator and select Open As Source Code. In the storyboard XML locate the <tabBarController ...> node. Then I rearrange the order of the segues in the <connections> section:

<connections>
    <segue destination="274" kind="relationship" relationship="viewControllers" id="286"/>
    <segue id="943" destination="910" kind="relationship" relationship="viewControllers"/>
    <segue destination="147" kind="relationship" relationship="viewControllers" id="159"/>
</connections>

Search for the destination= attribute value in the XML to determine which view controller the segue element is pointing at.

Upvotes: 14

Michael Osofsky

Reputation: 13195

I'm using XCode 5.1 for development of iOS 7.1 and I found the following approach works for rearranging the tabs in a Tab Bar Controller.

To rearrange the tabs in a Tab Bar Controller, delete the segues from the Tab Bar Controller to your sub-view controllers. Then re-draw the segues in the order you want the tabs. To "re-draw" I mean you control drag from the Tab Bar Controller to the sub-view controller and select Relationship Segue (at bottom of list) => view controllers.

Upvotes: 4

Indy Bains

Reputation: 1581

You can just re-arrange the order by dragging and dropping the icons in the tab bar controller

Upvotes: 147

Winter

Reputation: 170

I had the same issue after adding a Navigation Controller.

Fix: close the storyboard (Ctrl+Cmd+W) and do a clean build folder (Option+Cmd+Shift+K) and a regular clean (Cmd+Shift+K). Reopen the storyboard and you'll be able to drag the items again.

Upvotes: 3

user1845192

Reputation:

You can make sure that the Tab Controller Dock option in your Main storyboard is set to "First Responder", that solved it for me!

Upvotes: 3

Srdjan

Reputation: 11

Same thing is in xCode 4.6. I originally was following tutorial on beginning storyboards in ios At the point to swith the item on TabBarController, I could't change the order. I tried to save it - didn't work; however, Once I closed the XCode and open again - it DID WORK.

Upvotes: 1

Rachna Anil

Reputation: 1

I was following the raywenderlich tutorial for storyboards too and realised that after adding the tab controller i couldn't rearrange the tabs by dragging it. Well, apparently its just some bug in xcode. So just quit xcode, restart it and this time, you will be able to drag the tabs.

Upvotes: 0

Tom DeMille

Reputation: 3277

If you open the storyboard as 'source code view' and then close it an open it as IB view it seems to fix the bug..

Upvotes: 7

Nicola

Reputation: 231

I was not able to drag&drop with XCode 4.6 (with any of mentioned cobination). I have solved it opening the storybord in "Source Code" mode, locating the tabBarController and rearranging the seque tag.

Upvotes: 16

abitofcode

Reputation: 3076

In 4.5 save the storyboard after adding a Controller, switch to another file and then back to the Storyboard and the tab dragging should work again.

Upvotes: 275

bryfox

Reputation: 301

As noted in comments, drag & drop doesn't currently work (Xcode 4.5) after adding a navigation controller. However, restarting Xcode after adding the controller seems to get drag & drop working again.

Upvotes: 9

Fogmeister

Reputation: 77661

Just drag and drop the tab icons in the tab bar.

i.e. the main tab bar that belongs to the tab bar controller.

HTH

::EDIT:: So this doesn't seem to work... I'm sure it used to.

Anyway, the easiest way I found is to remove the tabs and add them back in the order you want them to show.

Hope this helps.

Upvotes: 13

Rearranging Tab Bar Controller Order in StoryBoard

Answers (20)

Related Questions