Video Tutorial : Creating iPhone App Design Templates – Part 2

By
On January 28, 2012

This is the second part in the series of 2 tutorials on how to create custom designs for your iPhone app. You can view Part 1 here. In this tutorial, we shall design a ViewController similar to the image below. The ViewController will have a custom UIBarButtonItem that replaces the standard back button and a transparent UINavigationBar that allows some of the underlying view to show through.

At the end of this post, you will be able to download the sample project that was used in the videos. Let’s get right to it.

Video 4: Adding Tap Gestures

In this video, I will add some tap gestures to the sub views at the bottom so when they are tapped, a new ViewController is pushed into the screen. You can change the way the ViewController is displayed using different animation styles. For this tutorial, we will use the standard slide-in animation.

Video 5 : Designing a Custom ViewController

In this video, you will learn how to design a custom UIViewController that shows a cover image for an article. The designs used are a subset of the Newsreader iPhone App Design Template.It will also have some metadata about the author, and the date the article was published. This new View will have a transparent navigation bar which you will see in the next video. Note: The video starts off resized and you may not be able to see much. Please wait until about 30 seconds into it and it will be correctly resized.

Video 6: Creating a Custom UIBarButtonItem and a Transparent UINavigationBar.

Talk about saving the best for last. If you have always wanted to spruce up your Navigation Bar, this is how to do it. This video will teach you how to create a transparent UINavigationBar and the custom back button. You can download the resources from this link.

Here is the link to download the sample project. If you have any questions, please let me know in the comments.

 

What would you like to learn?

Did this tutorial give you exactly what you were looking for? You can decide what comes up in new tutorials by letting us know what you would like to learn. All you have to do is take two minutes to answer these questions:

 

  • Your information about iPhone Apps Design is very important for us. Thanks for sharing.

  • Egoitz

    What about a data retriever for the news from a webservice? It would complete the tutorial a bit.

  • Video makes the tutorial Complete. Thanks for sharing such awesome Iphone design template tutorial here.