Layout Landscape within Interface Builder

April 5, 2009 § Leave a comment

In addition to the necessary code to set the orientation to Landscape, there are extra work required on Interface Builder to make everything fit into Landscape mode.

There is lack of published or available information on Interface Builder especially on the UI Design. This will maximize the screen and address Landscape orientation.

Inside Interface Builder within MainView Inspector property, set Status Bar, Top Bar, Bottom Bar to None. Mode to Scale to Fill. Set Size property to W 320 and H 480. Or else white background will be showing where the Bottom Bar is.

If you are using Utility template, then you can move the UIButton “info” by opening the MainWindow.xib file and RootViewController view, and then dragging it to the ideal position for the landscape mode within Interface Builder. It is done within Interface Builder rather than Xcode code.

Default.png and UIImage image should be restructured in W 320 and H 480 to align the Xcode landscape orientation. If not, the app will appear in protrait mode.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

What’s this?

You are currently reading Layout Landscape within Interface Builder at Web Builders.


%d bloggers like this: