Rearranging Tab Bar Controller Order in StoryBoard

IosXcode

Ios Problem Overview


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!

Ios Solutions


Solution 1 - Ios

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.

Solution 2 - Ios

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

Solution 3 - Ios

SHIFT + DRAG works on Xcode 10.0

Solution 4 - Ios

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.

Solution 5 - Ios

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.

Solution 6 - Ios

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

Solution 7 - Ios

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.

Solution 8 - Ios

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.

Solution 9 - Ios

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..

Solution 10 - Ios

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

enter image description here description

Solution 11 - Ios

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.

Solution 12 - Ios

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

enter image description here

Solution 13 - Ios

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

Solution 14 - Ios

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.

Solution 15 - Ios

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.

Solution 16 - Ios

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

Solution 17 - Ios

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.

Solution 18 - Ios

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.

Solution 19 - Ios

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.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionBigLexView Question on Stackoverflow
Solution 1 - IosabitofcodeView Answer on Stackoverflow
Solution 2 - IosIndy BainsView Answer on Stackoverflow
Solution 3 - IoshandsomeView Answer on Stackoverflow
Solution 4 - IosNicolaView Answer on Stackoverflow
Solution 5 - IosJannie TheunissenView Answer on Stackoverflow
Solution 6 - IosAaban Tariq MurtazaView Answer on Stackoverflow
Solution 7 - IosFogmeisterView Answer on Stackoverflow
Solution 8 - IosbryfoxView Answer on Stackoverflow
Solution 9 - IosTom DeMilleView Answer on Stackoverflow
Solution 10 - IosGeraldView Answer on Stackoverflow
Solution 11 - IosMichael OsofskyView Answer on Stackoverflow
Solution 12 - IosmohsenView Answer on Stackoverflow
Solution 13 - Iosuser1845192View Answer on Stackoverflow
Solution 14 - IosWinterView Answer on Stackoverflow
Solution 15 - IosSrdjanView Answer on Stackoverflow
Solution 16 - IosSreedeepkesav M SView Answer on Stackoverflow
Solution 17 - IosRachna AnilView Answer on Stackoverflow
Solution 18 - IosNinaView Answer on Stackoverflow
Solution 19 - IosDigvijay GidaView Answer on Stackoverflow