Get Updates By E-mail 

Article Written By:
Johann Dowa

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.


  •  
  •  
  •  
  •  
  •  

Submit A Resource

Have you created a useful tutorial, library or tool for iOS development that you would like to get in front of our 300,000+ monthly page views from iOS developers?

You can submit the url here.

The resources we feel will appeal to our readers the most will be posted on the front page.

Comments