O'Reilly logo

Appcelerator Titanium Smartphone App Development Cookbook - Second Edition by Jason Kneen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Building views and windows

Now that we've created a base Alloy project, we're going to take a look at some of the differences between classic mobile development and using Alloy. Typically, in a classic project, you might put the following code into the app.js file:

var win = Ti.UI.createWindow({backgroundColor:"white"});

var view1 = Ti.UI.createView({width: 100, height: 100, backgroundColor:"red"});

var view2 = Ti.UI.createView({width: 50, height: 50, backgroundColor:"blue"});

view1.add(view2);

win.add(view1);

win.open();

How to do it...

Run the app in the simulator and you'll see the following:

How to do it...

This is a very simple example, but even with the few lines ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required