button.js

var win = Titanium.UI.currentWindow;

var b1 = Titanium.UI.createButton({
	title:'I am a Button',
	height:40,
	width:200,
	top:10
});


var b2 = Titanium.UI.createButton({
	title:'I am a Button',
	image:'../images/chat.png',
	width:200,
	height:40,
	top:60
});


var b3 = Titanium.UI.createButton({
	backgroundImage:'../images/BUTT_grn_off.png',
	backgroundSelectedImage:'../images/BUTT_grn_on.png',
	backgroundDisabledImage: '../images/BUTT_drk_off.png',
	color:'#fff',
	top:60,
	height:100,
	width:100
});

var buttonLabel = Titanium.UI.createLabel({
	color:'#f00',
	font:{fontSize:20,fontWeight:'bold',fontFamily:'Helvetica Neue'},
	highlightedColor:'#0f0',
	text:'Custom Label',
	textAlign:'center',
	touchEnabled:false,
	top:b3.top,
	height:b3.height,
	width:b3.width
});
win.add(b3);
win.add(buttonLabel);

var state = 0;
b3.addEventListener('click', function(e){
	switch (state)
	{
		case 0:
		{
			e.source.enabled=false;
			buttonLabel.text = 'I am Disabled';
			state++;

			setTimeout(function(){
				e.source.enabled=true;
				buttonLabel.text = 'I am Enabled';
				},3000);
			break;
		}
		case 1:
		{
			buttonLabel.font = {fontSize:22,fontFamily:'Marker Felt', fontWeight:'bold'};
			buttonLabel.title = 'I am red';
			e.source.backgroundImage = '../images/BUTT_red_off.png';
			e.source.backgroundSelectedImage = '../images/BUTT_red_on.png';
			buttonLabel.color = '#222';
			state++;
			break;
		}
		case 2:
		{
			buttonLabel.color = '#fff';
			buttonLabel.text = 'White text';
			state=0;
			break;
		}
	}
});

var b4 = Titanium.UI.createButton({
	title:'Hide/Show Button Above',
	width:200,
	height:40,
	top:175
});

var visible = true;
b4.addEventListener('click', function()
{
	if (!visible)
	{
		b3.show();
		visible=true;
	}
	else
	{
		b3.hide();
		visible=false;
	}
});

var b5 = Titanium.UI.createButton({
	width:200,
	height:40,
	top:225
});
var b5Label = Ti.UI.createLabel({
	text:'Label',
	width:50,
	height:20,
	color:'#336699'
});
b5.add(b5Label);

var b5ImageView = Ti.UI.createImageView({
	url:'../images/camera.png',
	left:10,
	height:33,
	width:33
});
b5.add(b5ImageView);
b5.addEventListener('touchstart', function()
{
	b5Label.color = 'red';
});
b5.addEventListener('touchend', function()
{
	b5Label.color = '#336699';
});
win.add(b1);

win.add(b4);

// add iphone specific tests
if (Titanium.Platform.name == 'iPhone OS')
{
	win.add(b2);
	win.add(b5);
}

var bhleft = Titanium.UI.createButton({
	title : 'H-Left',
	width : 50,
	height: 40,
	top : 300,
	left : 60
});
bhleft.addEventListener('click', function() {
	b1.textAlign = Titanium.UI.TEXT_ALIGNMENT_LEFT;
});

var bhcenter = Titanium.UI.createButton({
	title : 'H-Center',
	width : 50,
	height: 40,
	top : 300,
	left : 120
});
bhcenter.addEventListener('click', function() {
	b1.textAlign = Titanium.UI.TEXT_ALIGNMENT_CENTER;
});

var bhright = Titanium.UI.createButton({
	title : 'H-Right',
	width : 50,
	height: 40,
	top : 300,
	left : 180
});
bhright.addEventListener('click', function() {
	b1.textAlign = Titanium.UI.TEXT_ALIGNMENT_RIGHT;
});

var bvtop = Titanium.UI.createButton({
	title : 'V-Top',
	width : 50,
	height: 40,
	top : 350,
	left : 60
});
bvtop.addEventListener('click', function() {
	b1.verticalAlign = Titanium.UI.TEXT_VERTICAL_ALIGNMENT_TOP;
});

var bvcenter = Titanium.UI.createButton({
	title : 'V-Center',
	width : 50,
	height: 40,
	top : 350,
	left : 120
});
bvcenter.addEventListener('click', function() {
	b1.verticalAlign = Titanium.UI.TEXT_VERTICAL_ALIGNMENT_CENTER;
});

var bvbottom = Titanium.UI.createButton({
	title : 'V-Bottom',
	width : 50,
	height: 40,
	top : 350,
	left : 180
});
bvbottom.addEventListener('click', function() {
	b1.verticalAlign = Titanium.UI.TEXT_VERTICAL_ALIGNMENT_BOTTOM;
});

win.add(bhleft);
win.add(bhcenter);
win.add(bhright);
win.add(bvtop);
win.add(bvcenter);
win.add(bvbottom);