Get Updates By E-mail 

interface builder

Tutorial: Drag And Drop Outlets And Actions In Xcode 4 Interface Builder

  •  
  •  
  •  
  •  
  •  

Xcode 4 has introduced many improvements, but you have to know how to use them – and know they exist.

One extremely useful feature is Xcode 4’s capability to create outlets and actions automatically with a simple drag and drop operation.  This means that you can create your @property, @synthesize methods, and declare your instance variables without needing to enter any code at all.

Oleb Begemann has put together  a short guide with images and a short video demonstrating how this is done.

You can find it here:
http://goo.gl/gX4Id

A useful tip that has been added to the Xcode 4 tutorial and guide page.


  •  
  •  
  •  
  •  
  •  

Adding Stylish Progress Indicators To Your App

  •  
  •  
  •  
  •  
  •  

Found out about a great library by Matej Bukovinski for easily adding stylish progress notification graphics to your app.

The library is MBProgressHUD, and a full example is included.  It is very straightforward to implement, and includes it’s own thread creation so you don’t have to worry if threading is a topic that you are not up to speed on.

Jeff LaMarche has also posted an in-depth tutorial on doing this if you’d like to do it “from scratch”.

Source: Jeff Lamarche’s Blog
Via: Malcom Hall (thanks for posting the comment)


  •  
  •  
  •  
  •  
  •  

Create iPhone Interfaces Easily With Keynote (Tutorial Video)

  •  
  •  
  •  
  •  
  •  

I found an interesting tutorial today on how to create iPhone interfaces easily with Keynote.  This is something I hadn’t really considered doing.

Basically what the author does is draw out interface elements in keynote, and then copy/paste them into a graphics utility called Acorn although any image editor should work that allows you to copy/paste elements.

Check out the tutorial video here:

[source How To Make iPhone Apps]
 


  •  
  •  
  •  
  •  
  •  

Finishing With Interface Builder – Building Your iPhone Apps Interface Quickly 2/2

  •  
  •  
  •  
  •  
  •  

 This is the second part of the tutorial on building your iPhone App’s interface in interface builder.  In this video I quickly drag out all the elements, and connect the interface elements with the appropriate outlets, and actions, and build the class file automatically.

This is the 5th video/tutorial in this series, and I hope you enjoy it.

The first tutorial can be found here:
>>> Developing Your First Apple iPhone App <<<

The project containing the app at the end of this video can be found here:
Project file for tutorial

We will finally get into writing code in the next video!

Here it is:

Thanks for reading.
 


  •  
  •  
  •  
  •  
  •  

Building Your iPhone App’s Interface Quickly

  •  
  •  
  •  
  •  
  •  

Hi everybody, this is the fourth installment of my series Your First Apple iPhone App Store App Step-By-Step tutorial series.  This is a 2-part lesson on building your App’s interface in Xcode’s interface builder.

Here is the video:

In this installment I create a basic project, and explain a little bit about interface builder.  I also present a small exercise at the end where I ask you to place the interface elements onto the view, and as promised I have placed the project that I created where I laid out the elements here:
>>> Download Soundboard Project With Basic Interface <<<

Please do not download the Soundboard project unless you were having trouble laying out the elements yourself, or you already understand how to do this, and don’t want to spend the time.  

This will be fairly easy for many of you, we will be getting into code soon, I promise!

Here are the action steps that I took in the video.

1) Create a new project, select iPhone application, and choose a View-Based Application (I will assume you gave it the name Soundboard)
2) Open The SoundboardViewController
3) Set Identity Inspector To List Mode
3) Remove the fake status bar at the top of the soundboard

Exercises:
1. Take components from Library, place them in View (UINavigationBar, 2xUIButtons, UITextView, & UILabel)
Optional:
1. Run Apple’s UICatalog example and learn names of common UI elements.

In the next video in this series you will look over my shoulder, design the interface, the class skeleton for our view app complete with attributes and methods, and do it in less than 5 minutes.

The first lesson in this series can be found here Your First Apple iPhone App Store App Step-By-Step Part 1


  •  
  •  
  •  
  •  
  •