Book Image

Creating Mobile Apps with Appcelerator Titanium

By : Christian Brousseau
Book Image

Creating Mobile Apps with Appcelerator Titanium

By: Christian Brousseau

Overview of this book

Smartphones and tablets have really changed the technological landscape over the last 3-4 years. Much like the web did in the last decade, these powerful tools have changed the way people communicate and access information. Such a wide market creates opportunities for developers who have the skills to develop mobile applications. "Creating Mobile Apps with Appcelerator Titanium" is a practical, step-by-step guide to building iPhone, iPad, and Android applications using JavaScript. This book will give you a solid grounding of the dos and don'ts of mobile development and also covers a lot of the functionalities offered by the Titanium platform. This book begins with a look at what the Titanium platform has to offer. By taking you through clear tutorials on developing each application step-by-step, it helps you to apply your newly acquired knowledge afterwards. The difficulty level gradually increases along the course of the book. Each application from this book covers different aspects of mobile development. Every chapter starts by defining the application's features as well as the user interface structure. Every single code section is then explained and put into context allowing you to gain a clear understanding of their purpose and functionality. The book takes a “small milestone” approach, allowing you to actually run the application and see the progression. Every step is accompanied by many screenshots so you can see the expected result on screen. You will learn everything you need to know to develop your very own mobile applications. The book takes a laid-back approach to Titanium development and provides information in a way designed to never overwhelm the reader with information and also uses clear diagrams, screenshots, and tips throughout.
Table of Contents (18 chapters)
Creating Mobile Apps with Appcelerator Titanium
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Navigating between the two windows


While our new portfolio management window is created, there is still no way to test it, as all our application is doing right now is showing the first window. What we need to do, is put a mechanism in place for opening this new window from our main application window. For this, we will edit the ApplicationWindow.js file and add the following event handler to the button named btnPortfolio.

In our click event, we will load the contents of the PortfolioWindow.js file using the require function and store this content in a variable just as we did the last time. Then, we will invoke a new instance of our portfolio window, and display it using the open function. Finally, we want the window to have a flip transition from the left when it appears.

Note

The window transitions are iOS specific. Although the code won't have any impact on Android at runtime, you will see an error in the logs.

The flip transition can be implemented as follows:

btnPortfolio.addEventListener...