Screen Shot 2016-05-20 at 22.06.22

After creating a design the client was happy with we then moved to Xcode to create a fully functional app. To create a new project I opened up Xcode and clicked  ‘Create a new Xcode project’.

 

Screen Shot 2016-05-20 at 22.08.10

I used the ‘single view application’ this was because I was displaying information and not creating any movement or anything that would need a game or tabbed application.

Screen Shot 2016-05-20 at 22.17.13

The picture above shows the options that allows you to choose the app name and what devices it would be accessible on.

Screen Shot 2016-05-20 at 22.21.35

After choosing suitable options for my project I started to create the app. I inserted a view controller to my project this will act as the basis of the project allowing me to place images and buttons.

Screen Shot 2016-05-22 at 22.17.42

I used the Cocoa class and connected it to my view controller this will allow me to link images within the vie controller to the code. After doing this I am able to edit within the view controller using objective c.

Screen Shot 2016-05-22 at 21.59.14

To add content to my app I must import it into the project, to do this I clicked file then ‘Add Files to Torbay_Airshow’

Screen Shot 2016-05-22 at 21.59.28 After clicking ‘Add Files to Torbay_Airshow’ I was shown content within my image file. I selected the images I wanted to import and added them to my project by clicking the add button.

 

Screen Shot 2016-05-22 at 21.58.20Screen Shot 2016-05-22 at 22.00.54

To create a background I used the image view and scaled it to the view controller. I then had to make sure the background would stay that size what ever device i would be displayed on.

 

Screen Shot 2016-05-23 at 13.41.42

To stop from the background becoming distorted I added a width and height constraint and then added the missing constraints. This would then allow the image to be presented on different devices and not become compromised by size.

Screen Shot 2016-05-22 at 22.07.04

After creating the background i inserted another image view and positioned it to where i would like the logo to be shown.

Screen Shot 2016-05-22 at 22.08.59

To change the image view to the logo I clicked on the ‘image’ tab and selected ‘AirShow Logo.png’.

Screen Shot 2016-05-23 at 14.00.53

After selecting the image of the logo the ‘image view’ displays as whatever i selected in this case the torbay airshow logo.

Advertisements