Quantcast
Channel: Appcelerator Developer Center Q&A Unanswered Questions 20
Viewing all articles
Browse latest Browse all 8068

view with webview and horizontal scroll

$
0
0

var win = Titanium.UI.createWindow({
 
        });
win.open();
    win.backgroundColor = '#ccc';
 
        var view1 = Ti.UI.createView({
        backgroundColor:'blue'
    });
    // Create a WebView
    var webview = Ti.UI.createWebView({
        url : 'http://en.wikipedia.org/wiki/Uniform_resource_locator'
    });
view1.add(webview);
 
 
        var view2 = Ti.UI.createView({
        backgroundColor:'blue'
    }); var view3 = Ti.UI.createView({
        backgroundColor:'green'
    }); var view4 = Ti.UI.createView({
        backgroundColor:'yellow'
    });
var scrollView = Titanium.UI.createScrollableView({
    views:[view1,view2,view3,view4,],
    showPagingControl:false,
//  pagingControlHeight:25,
    maxZoomScale:2.0,
    currentPage:0
});
 
win.add(scrollView);
 
var i=1;
var activeView ;
 
scrollView.addEventListener('scroll', function(e)
{
    activeView = e.view;  // the object handle to the view that is about to become visible
    i = e.currentPage;
    Titanium.API.info("scroll called - current index " + i + ' active view ' + activeView);
});
scrollView.addEventListener('click', function(e)
{
    Ti.API.info('ScrollView received click event, source = ' + e.source);
});
scrollView.addEventListener('touchend', function(e)
{
    Ti.API.info('ScrollView received touchend event, source = ' + e.source);
});
 
 
var left = Titanium.UI.createButton({
    image:'/icon_arrow_left.png'
});
left.addEventListener('click', function(e)
{
    if (i === 0){ return; }
    i--;
    scrollView.scrollToView(i);
});
 
var right = Titanium.UI.createButton({
    image:'/icon_arrow_right.png'
});
right.addEventListener('click', function(e)
{
    if (i === (scrollView.views.length-1)){ return; }
    i++;
    scrollView.scrollToView(scrollView.views[i]);
});
 
 // Create a Label.
 var weekno = Ti.UI.createLabel({
     text : activeView,
     color : 'white',
     font : {fontSize:'15dp'},
 
 });
 
 
var flexSpace = Titanium.UI.createButton({
    systemButton:Titanium.UI.iPhone.SystemButton.FLEXIBLE_SPACE,
    bottom:0
});
 var toolbar = Titanium.UI.iOS.createToolbar({
    items:[flexSpace,left,weekno,right,flexSpace],
    top:0,
    borderTop:true,
    borderBottom:false
}); 
win.add(toolbar);
the webview is scrolling vertically only once..if i change n come back again it stops scrolling..

Viewing all articles
Browse latest Browse all 8068

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>