Posted By

boardmain on 02/25/13

Tagged

javascript

Versions (?)

Last Edited at 02/25/13 10:33pm

Statistics

Viewed 641 times

Favorited by 0 user(s)

Related snippets

Titanium Infinite ScrollView

/ Published in: JavaScript

based on the NappScrollViewExtended module (it is good but couse my app some problem)

Highlighted TextExpand

// ScrollView.js

ScrollView.add(contentView);
	ScrollView.add(loadingView);
	
	ScrollView.addEventListener('scroll',function(e){
		var tolerance = 60;
    	nearBottom = (contentView.getRect().height - e.y) <= (ScrollView.getRect().height + tolerance);
	});
	
	ScrollView.addEventListener('scrollend',function(e){
		if(nearBottom){
			//this.scrollTo(0,bottomLine);
			loadingView.setVisible(true);
			nearBottom = false;
			ScrollView.fireEvent('InfiniteScrolling');
		}
	});
	
	ScrollView.infiniteScrollingCompleted = function(e){
		loadingView.setVisible(false);
	};
	
	ScrollView.addView = function(view){
		contentView.add(view);
	}
	
	return ScrollView;
}
module.exports = ScrollView;

/* SAMPLE USAGE */

var win = Ti.UI.createWindow({});

var ScrollView = require('ScrollView'); //point to ScrollView.js
scrollView = new ScrollView();

// scrollView must be inside a View Container
var contentView = Ti.UI.createView({
		width:'90%',
		height: 500,
		top:200
});
contentView.add(scrollView);
win.add(contentView);

//Demo infinite load

scrollView.addEventListener("InfiniteScrolling", function(e){
	Ti.API.info("InfiniteScrolling event -> start loading data");
	//simulate download of remote data
	setTimeout(function(){
		//call infiniteScrollingCompleted when your update is done
		scrollView.infiniteScrollingCompleted();	
		
		//update the scrollView
		for(var i=0; i < 3; i++){
			var view = Ti.UI.createView({
				height:100,
				top:10,
				backgroundColor:"blue"
			});
                        //i need use addView to add to the subview not add
			scrollView.addView(view);   
		}
	},1500);
});

//demo data
for(var i=0; i < 10; i++){
	var view = Ti.UI.createView({
		height:100,
		top:10,
		backgroundColor:"#ccc"
	});
        //i need use addView to add to the subview not add
	scrollView.addView(view);
}

win.open();

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.