Appcelerator SDK: Creating iPhone Transitions

Appcelerator SDK: Creating iPhone Transitions

Tutorial Details
  • Technology: Appcelerator + iPhone SDK
  • Difficulty: Beginner
  • Completion Time: 20 - 45 Minutes

The iPhone SDK comes with a variety of native iPhone transitions that can be used in your iPhone applications. The Appcelerator API makes it even easier to implement those transitions in your iPhone application. During the course of this tutorial, you will learn how to implement various transitions and also learn a bit about how to use model view controllers. So, let’s begin!

Technical Problems With the Video? Some users have reported a technical error when trying to watch the video. If this happens to you, try watching it directly from our Blip.tv feed: http://blip.tv/file/3888673/ while we work with Blip.tv to resolve the problem.

This is a good tutorial for beginners who are new to iPhone development with Titanium and would like to learn how to enhance their applications with the Titanium API. Transitions are various animations used to move from one view controller to another. You might find use of these transitions in applications like Notes and iTunes from Apple. The Titanium API enables you to use these transitions for images, UI controls, and even windows! You might want to check out the KitchenSink application that provides the examples on how to implement these and various other APIs.

NOTE:

Have an Appcelerator tutorial topic you are dying for us to cover? Leave your feedback below for consideration as we choose our next Appcelerator SDK tutorial topic.

Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://twitter.com/bmadigan Brad M

    Future Topic?: Take a photo and upload it to a remote server such as Amazon S3. Love this site!

  • http://www.momotouch.com/ Arol

    Hey the video gives a fatal error! http://screencast.com/t/YmNiYzNkZm

    • http://mobile.tutsplus.com Mark Hammonds

      Hey Arol,

      Thanks for posting the screenshot of the error! I will forward this to Blip.tv to try and find out why it is happening. It does play fine on my system (Mac OS X, currently using Chrome).

      In the meantime, please try accessing the video directly on Blip.tv's site: http://blip.tv/file/3888673/

      -Mark Hammonds

  • http://mo7amedfouad.co.cc/ Mohamed Fouad

    i want to know more about Titanium filesystem abilities from storing and reading files

    • http://adrusi.com/ adrian

      yes, that would be nice. It would also be nice to be able to watch the video, when it gets past the ad it encounters a fatal error

  • http://desl.com KK

    Agree. I see only an error. No video.

  • http://twitter.com/patelaxit Axit Patel

    Hello Adrian,

    I am really sorry for the unavailability of the video. I will try to fix that as soon as possible. As for the video you can watch it at http://blip.tv/file/3888673/ till the problem is encountered. Patience is appreciated.

    Thanks!

  • Dave

    Nice tut, very easy to follow.

  • http://www.lonelycloud.com Christopher Leckie

    Very useful tutorial, I’d love to see more Titanium tutorials.

  • http://www.lonelycloud.com Christopher Leckie

    I’d love to see some more UI tutorials showing us how to create elements like custom buttons with focus effects and user interface changes.

  • http://bradbenvenuti.com Brad Benvenuti

    Great tutorial. It would be awesome if you could cover how to connect to a database with Appcelerator. More specifically, a mysql database that is hosted on a web server. I would like to be able to update data within my apps without having to release an update. I think that would be the best way to do it? Thanks!

  • Edwin Pagan

    Since I couldn’t get the video started, had no choice but to look for it on blip.tv.com. I’m gonna post the link since the one posted before did not work for me. Als, don’t know if this is this actual tutorial. Here it is http://blip.tv/file/3931661/

  • http://kacangboi.nl Jason

    How do you get the navbar and tabbar to show up in the new window ?

  • http://www.tecnocrazia.com Alessio

    Hi everyone,

    There is anyway to make a slide animation from left to right like the nav group does?