Learn to Make IOS Apps With NO Programming Expiriance

by diodes123 in Circuits > Apple

671 Views, 5 Favorites, 0 Comments

Learn to Make IOS Apps With NO Programming Expiriance

Screen Shot 2016-05-03 at 5.36.43 PM.png

To make IOS apps, you need an Apple mac running OS X El captain or later. Sorry P.C. Users, IOS is all for mac.

Download Xcode

First, lunch the mac app store, search for Xcode, and download it. It is a pretty big download, it might take a long time. Once it downloads, lunch it.

When you launch it, you will see the Xcode welcome window: If not, press Shift, command, 1.

Click.

WelcomeToXcode.png

Now, once you see the Welcome window, click on "Create a new Xcode project."

App Type

SingleViewSelection.png

Click on the same things as the picture. Click "Next."

Name Your App

NameAndSettings.png

After you fill out the info. Click "Next."

Save Your App

Select where you want to save your app and click "Create."

The StoryBoard

Xcode IDE.png
DragLabel.png

Click on Main.storyboard.

Click on the Object Library

GetLabel.png

Now, Click on The object library, see the picture abouve. Scroll down until you see "Label." Click and drag the label on to the View controller. Double-click on the Label and type "Hello world" then hit enter. Click and drag the label to the center of the screen. Then click and drag the Button from the object library to the view controller. Drag the button underneath the label, double-click on the button, and type "Next." Hit enter.

2nd View

CreateButtonPath.png

Now, scroll to the top of the object library and click and drag the view controller to the screen. Now, Right-click and hold on the button, drag the mouse to the 2nd view controller, and let go of the mouse. Then click on "Present modally."

2nd Interface

AlmostThere.png

Now, Make your 2nd view controller look like the picture above. Use one label and one button.

Link Two

Right-click on the button on the 2nd view and drag the blue line to the 1st view controller. Click on "Present modally."

Auto Constraints

SetConst..png

Click on the Auto constraints button and then click on "Reset to suggested constraints."

Run Your App!!

RUN.png

In the upper-left corner of the screen, Click on the Play logo. Then wait for the IOS simulator to launch.

Yippee!!!!!!!!

SiulateStart.png
AppInAction.png

Congratulations! You now have created your first app!