Start Programming with iPhone to Create your own Application [Tutorial]

Here is the answer for, How create my own apps in iphone and how to design it?

Since the arrival of the iPhone since June 2007, many were astonished at how simple and elegant (among other things) of their applications. As designers and developers we have been tempted to want to create something and see it running on our iPhone. However, most information on how to develop it is very technical and little understood.

How do I start?

By official , can only develop native applications for the iPhone from a Mac, and for that we need to download the Software Development Kit for iPhone (SDK-Software development kit) which use for this tutorial, you need to download the SDK and the CD that comes with when buying a Mac does not have the iphone version and its simulator. On the other hand, there is already an SDK for Windows , with its limitations but it is an alternative.

Software development kit
When you install the SDK, you will find several things of which we are interested in for now:
  • xCode: The IDE from Apple that will use for our tutorials.
  • Interface Builder: We will create the interface design of our application.
  • IPhone Simulator: A simulator that will allow us to run our applications.
We started opening xCode:
 
 
There are several ways we can create an application for the iPhone, which will explain in this tutorial is with the Interface Builder. For that we create a new project and select Windows-Based Application:
 
 
We asked for a name for the project: HolaCristalab. Thus, we will see this window:
 
 
In the Groups & Files column where it says we are interested HolaCristalab, which is our project and also contains our source files.
 
With that we are ready to begin work, displays the Resource folder and double-click it to file MainWindow.xib. This will open Interface Builder, which allows us to add visual elements to your application.
 
 
In the window we see an item called Window, we give you double click and appear white view of our application. Now we go to the Tools menu and open Library where we will see all the items that we add.
 
 
In the library, selecting Cocoa Touch Plugin, Input & Values ​​folder, drag the window a Window Label, the double click can write, in my case: Hello Cristalab.
 
 
Store and return to the window and we xCode click on Build and Go:
 

We can add a picture, go back to Xcode and Other Sources folder, we right click-> add -> Existing Files ..., and look for our image.
 
Then go back to Interface Builder and in the library, go to the folder and drag a Data View Window window a ImageView.
 
 
To add the image, go to tools-> Inspector window will open where you can select the image you have.
 
 
To change the image of the Iphone's desktop icon, locate the file in resource Info.plist and icon, writes logo.png, which is the same image we're using, but in a real case, you have to place an image of 57 x 57 pixel.
 
 
Although our first application running on a simulator, in our next tutorial explains the steps to publish it in AppStore. And also how we dive to the code.

0 comments:

Post a Comment