TiCollectionView
TiCollectionView copied to clipboard
nuno
Waterfall?
Nice work.
How hard would it be to add a pinterest-like 'Waterfall' Layout ability using this?
https://github.com/chiahsien/CHTCollectionViewWaterfallLayout
I think this might be a good Android counterpart https://github.com/etsy/AndroidStaggeredGrid
Just tested it out in simulator! played nicely :)
Works also with animations when adding an item:
// Insert Item in List View with Animation
var addItemBtn = Ti.UI.createButton({title:'Add Item', bottom: 5, width: 250, backgroundColor:'white', height: 50});
addItemBtn.addEventListener('click', function(e){
fruitSection.insertItemsAt(
0, // At Index
[{
properties: {height:400,width:400, backgroundColor:'gray'}, // Properties of Main View
// Bind properties to bindId in Template
info: {text: 'Something', color:'white'},
es_info: {text: 'Manzana'},
pic: {image: 'http://www.noao.edu/image_gallery/images/d2/ngc2237_400.jpg'}
}], {animated:true, animationStyle: Titanium.UI.iPhone.RowAnimationStyle.LEFT});
});
win.add(addItemBtn);
and add the following to childTemplates:
childTemplates: [
{
type: 'Ti.UI.ImageView', // Use an image view for the image
bindId: 'pic', // Maps to a custom pic property of the item data
properties: { // Sets the image view properties
width: Ti.UI.FILL, height: Ti.UI.FILL,
}
}, ...
add about 100 items, and ... it Runs Smoothly :+1:
Hi @yozef,
I tried your solution on Android but it did not work! The item gets inserted on the listView but it shows just a white square instead. Did you experience this behaviour on your tests?
My best,
Hey @deckameron ,
the waterfall layout is not available for Android. I'm working on it ;)
@mpociot Hi! What about waterfall layout on Android? Maybe I could help you to implement it if you'l tell me what to do?
@mpociot you never actually had the change to implement on Android, Im correct?
