Vertical Scrollable View

verticalScrollableView.js

var win = Ti.UI.createWindow({ backgroundColor: '#fff' });

var rotate = Ti.UI.create2DMatrix().rotate(90);
var counterRotate = rotate.rotate(-180);

var scrollView = Titanium.UI.createScrollableView({
    views:[
        Titanium.UI.createImageView({ image:'default_app_logo.png', transform: counterRotate }),
        Titanium.UI.createImageView({ image:'KS_nav_ui.png', transform: counterRotate }),
        Titanium.UI.createImageView({ image:'KS_nav_views.png', transform: counterRotate })
    ],
    showPagingControl:true,
    width: 480,
    height: 320,
    transform: rotate
});

win.add(scrollView);

win.open();

really nice and just what I was looking for - thanks :-)

My pleasure!

Yep this helped me too ! Thank's @dawsontoth

Nice, but how did you handle orientation?

I want a ScrollableView in full screen so I put (inversed because of transformation):
height: Ti.Platform.displayCaps.platformWidth, width: Ti.Platform.displayCaps.platformHeight

It works on the first time, but not after orientation change. Have you any advices for this use case?

Thanks

Handle the orientation change event. Resize the scrollable view.
http://developer.appcelerator.com/apidoc/mobile/latest/Titanium.Gesture.orientationchange-event.html

Yes, thank you! It works fine on iOs.
But not on Android, the gesture events are completely inversed. And I think it can be other problems.

Do you have tried on Android before?

Thanks again!

Search around on Jira for an answer to that: https://jira.appcelerator.org/browse/TC

Thank you dawsontoth, this helps a lot.

var scrollableView = Titanium.UI.createScrollableView({
showPagingControl: true,
showVerticalScrollIndicator:true,
currentPage: currentPage,
cacheSize: 3,
views: webViews,
width: Titanium.Platform.displayCaps.platformWidth,
maxZoomScale:2.0,
touchEnabled:true,
contentHeight:'auto',
});

I want to scroll horizontal and vertical with zoom . what can i change in code ?

hey, any news about android version?