Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Creating Mobile Apps with Appcelerator Titanium

You're reading from   Creating Mobile Apps with Appcelerator Titanium There's no better way to learn Titanium than by using the platform to create apps for iPhone, iPad, and Android, and this tutorial lets you do exactly that. It's a truly hands-on approach that covers all the essential bases.

Arrow left icon
Product type Paperback
Published in Oct 2013
Publisher Packt
ISBN-13 9781849519267
Length 318 pages
Edition 1st Edition
Languages
Arrow right icon
Author (1):
Arrow left icon
Christian Brousseau Christian Brousseau
Author Profile Icon Christian Brousseau
Christian Brousseau
Arrow right icon
View More author details
Toc

Table of Contents (13) Chapters Close

Preface 1. Stopwatch (with Lap Counter) FREE CHAPTER 2. Sili, the assistant that just listens 3. The To-do List 4. Interactive E-book for iPad 5. You've Got to Know When to Hold 'em 6. JRPG – Second to Last Fantasy 7. JRPG – Second to Last Fantasy Online 8. Social Networks 9. Marvels of the World around Us 10. Worldwide Marco Polo A. References Index

The main window


As usual, we want to look before we leap. This means that we have to clearly define our application's user interface before we write a single line of code. Our main window will comprise a container View at the top to hold a label and a button used to refresh the list. The rest of the window will be occupied by a ListView component that will act pretty similar to a TableView component. Each row from the list will comprise an ImageView component for the photo itself and two labels used to display the photo's related information.

Let's dig in the right way

With our UI mockup in hand, we can move on to the implementation. We will create a new file named ApplicationWindow.js in our Resources directory. This new file will contain all the code related to our main window.

We will wrap all our code into a single function called ApplicationWindow:

function ApplicationWindow() {

We will then create our window object and store its reference into a variable named self for later use:

var self...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at €18.99/month. Cancel anytime