What is the difference between a .xib file and a .storyboard?

Question

Can someone explain in simple words the difference between .xib and .storyboard?

Solution 1

Apple introduced the concept of "storyboarding" in iOS5 SDK to simplify and better manage screens in your app. You can still use the .xib way of development.

Pre-storyboard, each UIViewController had an associated .xib with it. Storyboard achieves two things:

1. .storyboard is essentially one single file for all your screens in the app and it shows the flow of the screens. You can add segues/transitions between screens, this way. So, this minimizes the boilerplate code required to manage multiple screens.

2. Minimizes the overall number of files in an app.

You can avoid using Storyboard while creating a new project by leaving the "Use Storyboard" option unchecked.

You could refer this tutorial to get started.

Solution 2

Yes, you can still create a Window-based application for iOS 5. If you use the "empty project" template, you will see that a window is created for you in the app delegate. From there you can add XIB files as normal, or a new storyboard.

I'm assuming you mean "storyboards" rather than "timeline". Storyboards allow you to map out, visually, all of the views in your applications and how they interrelate. If you are just starting out with storyboards, there's an introduction to storyboards in the WWDC 2011 videos here. The 2011 Stanford iOS course on iTunes-U is also iOS 5-specific and covers storyboards and more.

Solution 3

A storyboard is like a canvas where you put all your .xib files. You no longer have any .xibs, you just have View Controllers directly on your canvas.

Solution 4

storyboard is a new feature available since the release of Xcode 4.2. It offers a complete new way for iOS developer to create and design user interface. Before the introduction of Storyboard, it’s especially hard for beginner to create navigation (and tab) interface. Every interface is stored in a separate xib file. On top of it, you have to write code to link all interfaces together and describe how the navigation works.

With Storyboards, all screens are stored in a single file. This gives you a conceptual overview of the visual representation for the app and shows you how the screens are connected. Xcode provides a built-in editor to layout the Storyboards. You can define the transition (known as segues) between various screens simply using point and click. This doesn’t mean you do not need to write code for the user interface. But Storyboards significantly reduce the amount of code you need to write.

Source: http://www.appcoda.com/use-storyboards-to-build-navigation-controller-and-table-view/

Solution 5

XIB:

1. Xib files are used with a single UIView.

2)It's very difficult to implement complex auto-layouts in xib.

3)It's utilizes more memory as compared to storyboard and quiet slow.

4. It is compatible from iOS5 and onwards

5. You can do localizations for different languages and countries using different XIBs .

6. It's difficult to use same Xib to support multiple devices.

Storyboard

1)You can layout all your Scenes like View Controllers, Nav Controllers, TabBar Controllers, etc in a single storyboard.

2)You can use Auto Layout easily that defines mathematical relationships between elements defining their position and sizing.

3)Usually fast and allocates less memory.

4)It's not compatible prior to iOS 5 .

5)"Dynamic" and "Prototype" cells can be used easily.

6)Storyboards best to use for the apps with a small to medium amount of screens.

The best Answer I have seen : Xib Vs Storyboard in iOS

View more solutions

Comments

[iandotkelly]

I have no idea what a .timeline is, and I suspect it has nothing to do with the Facebook timeline that the tag refers to

[Michael Dautermann]

are these two completely separate questions, George? Also, when you say .timeline, are you talking about versions of a saved file?

[Brad Larson]

You had two separate questions here, so I refined it to just one. The first question has been asked a few times around here, such as in Cannot find window-based application on XCode , so I removed that part to focus on the Storyboarding question.

[Basil Bourque]

See also this similar question, When to use Storyboard and when to use XIBs. Has excellent detailed answers including updates for iOS 8 and Xcode 6.

[William Sham]

So does storyboarding replace the need for .xib files?

[Sagar Hatekar]

Ideally, Yes. 1 .storyboard file = 'n' no. of .xib files.

[dontangg]

What about for transitions between views, though? I know that there are segues, but there are only a few different styles of segues. I assume that you can still transition between views the same way as before, but if you are not using a segue, it would look weird in the storyboard, right? What are your thoughts on that?

[Sagar Hatekar]

In that case, I believe the NavigationControllers would come into play?

[Munib]

Possibly the most useful answer.

[Sagar Hatekar]

fun fact: I use this post to show-off my (limited) iOS cred :D