Tutorial: Use Auto-layout In Xcode 5 For Interfaces That Adapt To Different Screens/Orientations

With Xcode 4 there was a lot left to be desired when working when working with the interface builder tool to apply auto-layout to our interfaces, fortunately with Xcode 5 this has been much improved.

Here’s a tutorial from Yari D’areglia that provides a nice series of examples on using auto layout within the Xcode 5 Interface Builder/Storyboards tool and updating programatically.

The tutorial provides a nice intro to auto layout and how to apply constraints in creating an interface that adapts to different screen orientations, and sizes, and how to update those constraints within your code.

These images from the tutorial show a simple interface adapted for portrait and landscape on an iPhone:
autolayoutinterface

You can find the tutorial on the Think and Build It site here.

A nice easy to follow introduction to working with Auto Layout using the updated tools in Xcode 5.

FacebookTwitterDiggStumbleUponGoogle Plus

Original article: Tutorial: Use Auto-layout In Xcode 5 For Interfaces That Adapt To Different Screens/Orientations

©2014 iOS App Dev Libraries, Controls, Tutorials, Examples and Tools. All Rights Reserved.

Leave a Reply

Your email address will not be published. Required fields are marked *