Using Xcode – Word Collage

Today I learned the basics of Xcode interface; how to use it and how it is laid out. The lesson is based on a word collage project from the Xcode Github.


Lesson 1: Lesson 1 consisted of working out what are the functions of Xcode.

Screen Shot 2015-11-18 at 11.14.45.png

The Right Navigator shows you the the project files and lets you interact with each item. The left navigator shows you all the utilities, it is where you can customise your buttons, labels, ect. The bottom navigator shows you the debug controller.

As shown on the screenshot above, the editor is in the middle, that is where you can edit and interact with the project. It is very simple and easy to use.

Lesson 2: Modifying the word collage to add your own label.

The process of adding your own label is very simple. Once you open the Main.storyboard file from the root folder (WordCollage) you can Play the project and this opens up an iPhone emulator, you can change the type of iPhone in Hardware>Device.

Screen Shot 2015-11-18 at 11.14.30.png

To add a label, you need to go to the Object Library located in the bottom right of Xcode:

Screen Shot 2015-11-18 at 11.29.35.png

Search for Label or just scroll down to find it, then drag and drop it to your editor. From there you can start typing and automatically you will get the label editor in your utilities section, where you can change the font, colour, etc.

Screen Shot 2015-11-18 at 11.29.54.png

Overall Xcode is a very simple to use program and has an understandable and user-friendly interface.

Using Xcode – Word Collage

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