Created
October 15, 2012 05:37
-
-
Save nauman/3890963 to your computer and use it in GitHub Desktop.
Titanium header - > title, content -> table, footer -> banner
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Ti.UI.setBackgroundColor('#000'); | |
var win = Ti.UI.createWindow({ | |
backgroundColor: 'red', | |
exitOnClose: true, | |
fullscreen: false | |
}); | |
var footerLabel = Ti.UI.createLabel({ | |
text: 'Banner Rotation', | |
color:'black', | |
font:{fontWeight:'bold'}, | |
bottom: 0, | |
height:'auto', | |
width:'auto' | |
}); | |
// generate random number, used to make each row appear distinct for this example | |
function randomInt(max){ | |
return Math.floor(Math.random() * max) + 1; | |
} | |
var IMG_BASE = 'https://github.com/appcelerator/titanium_mobile/raw/master/demos/KitchenSink/Resources/images/'; | |
var defaultFontSize = Ti.Platform.name === 'android' ? 16 : 14; | |
var tableData = []; | |
for (var i=1; i<=11; i++){ | |
var row = Ti.UI.createTableViewRow({ | |
className:'forumEvent', // used to improve table performance | |
selectedBackgroundColor:'white', | |
rowIndex:i, // custom property, useful for determining the row during events | |
height:110 | |
}); | |
var imageAvatar = Ti.UI.createImageView({ | |
image: IMG_BASE + 'custom_tableview/user.png', | |
left:10, top:5, | |
width:50, height:50 | |
}); | |
row.add(imageAvatar); | |
var labelUserName = Ti.UI.createLabel({ | |
color:'#576996', | |
font:{fontFamily:'Arial', fontSize:defaultFontSize+6, fontWeight:'bold'}, | |
text:'Fred Smith ' + i, | |
left:70, top: 6, | |
width:200, height: 30 | |
}); | |
row.add(labelUserName); | |
var labelDetails = Ti.UI.createLabel({ | |
color:'#222', | |
font:{fontFamily:'Arial', fontSize:defaultFontSize+2, fontWeight:'normal'}, | |
text:'Replied to post with id ' + randomInt(1000) + '.', | |
left:70, top:44, | |
width:360 | |
}); | |
row.add(labelDetails); | |
tableData.push(row); | |
} | |
var tableView = Ti.UI.createTableView({ | |
backgroundColor:'white', | |
data:tableData, | |
bottom:45 | |
}); | |
win.add(tableView); | |
win.add(footerLabel); | |
win.open(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment