Alloy ejercicio Clase 1

alloy.js

// The contents of this file will be executed before any of
// your view controllers are ever executed, including the index.
// You have access to all functionality on the `Alloy` namespace.
//
// This is a great place to do any initialization for your app
// or create any global variables/functions that you'd like to
// make available throughout your app. You can easily make things
// accessible globally by attaching them to the `Alloy.Globals`
// object. For example:
//
// Alloy.Globals.someGlobalFunction = function(){};
Alloy.Globals.alerta = function(msg){
	alert(msg);
};

index.js

function clickImage(e) {
	Titanium.UI.createAlertDialog({title:'Image View', message:'You clicked me!'}).show();
	var secudaria = Alloy.createController('secundaria').getView();
	secudaria.open();
}

$.index.open();

index.tss

"Window": {
	backgroundColor:"white"
},
"#l":{
	bottom:20,
	width: Ti.UI.SIZE,
	height: Ti.UI.SIZE,
	color:'#999'
},
"#imageView":{
	image:"/images/apple_logo.jpg",
	width:24,
	height:24,
	top:100
}

index.xml

<Alloy>
	<Window>
		<ImageView id="imageView" onClick="clickImage"/>
		<Label id="l">Click Image of Apple Logo</Label>
	</Window>
</Alloy>

secundaria.js

function cerrarVentana(){
	Alloy.Globals.alerta("Mensaje!");
	$.secundaria.close();
}

secundaria.tss

"Window": {
	backgroundColor:"white"
},
"#l":{
	bottom:20,
	width: Ti.UI.SIZE,
	height: Ti.UI.SIZE,
	color:'#000'
}

secundaria.xml

<Alloy>
	<Window>
		<Label id="l" onClick="cerrarVentana">Cerrar ventana secundaria</Label>
	</Window>
</Alloy>