Skip to content

Instantly share code, notes, and snippets.

Created January 7, 2013 12:24
Show Gist options
  • Save anonymous/4474620 to your computer and use it in GitHub Desktop.
Save anonymous/4474620 to your computer and use it in GitHub Desktop.
Adiciona o efeito de dropdown a uma lista de componentes Tableview, este efeito não existe por default na plataforma Titanium.
Ti.UI.setBackgroundColor('#000');
var win1 = Titanium.UI.createWindow({
backgroundColor : '#fff',
title : 'Win 1'
});
win1.open();
var data = [{
title : 'One'
}, {
title : 'Two'
}, {
title : 'Three'
}, {
title : 'Four'
}, {
title : 'Five'
}];
var row, rows = [], intRow, intRows = data.length, lbl, viewRow, viewBack, intRowHeight = 50, varView;
for ( intRow = 0; intRow < intRows; intRow = intRow + 1) {
(function() {
row = Ti.UI.createTableViewRow({
className : 'standard',
expanded : false,
height : intRowHeight,
//selectionStyle : Ti.UI.iPhone.TableViewCellSelectionStyle.NONE,
width : Ti.UI.FILL
});
varView = Ti.UI.createView({
height : Ti.UI.FILL,
width : Ti.UI.FILL
});
row.add(varView);
viewRow = Ti.UI.createView({
backgroundGradient : {
type : 'linear',
colors : [{
color : '#97D9EF',
position : 0.0
}, {
color : '#76C6E1',
position : 0.50
}, {
color : '#56B4D3',
position : 1.0
}]
},
height : intRowHeight,
top : 0,
width : Ti.UI.FILL
});
varView.add(viewRow);
lbl = Ti.UI.createLabel({
height : Ti.UI.SIZE,
highlightedColor : 'yellow',
left : 15,
text : data[intRow].title,
width : Ti.UI.FILL
});
viewRow.add(lbl);
viewBack = Ti.UI.createView({
backgroundGradient : {
type : 'linear',
colors : [{
color : '#000000',
position : 0.0
}, {
color : '#CCCCCC',
position : 1.0
}]
},
height : 150,
top : intRowHeight,
width : Ti.UI.FILL
});
varView.add(viewBack);
lblOpen = Ti.UI.createLabel({
color : '#fff',
height : Ti.UI.FILL,
highlightedColor : '#fff',
left : 15,
text : data[intRow].title + data[intRow].title + data[intRow].title,
width : Ti.UI.FILL
});
viewBack.add(lblOpen);
row.addEventListener('click', function(e) {
if (e.row.expanded) {
e.row.setHeight(50);
e.row.expanded = false;
} else {
e.row.setHeight(200);
e.row.expanded = true;
}
});
rows.push(row);
})();
}
var tbl = Ti.UI.createTableView({
data : rows,
height : Ti.UI.FILL,
separatorColor : 'transparent',
width : Ti.UI.FILL
});
win1.add(tbl);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment