Skip to content

Instantly share code, notes, and snippets.

@dawsontoth
Created February 22, 2011 19:34
Show Gist options
  • Save dawsontoth/839218 to your computer and use it in GitHub Desktop.
Save dawsontoth/839218 to your computer and use it in GitHub Desktop.
Vertical Scrollable View
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();
@dawsontoth
Copy link
Author

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

@benjaminbarbe
Copy link

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!

@dawsontoth
Copy link
Author

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

@sabmark
Copy link

sabmark commented Sep 20, 2012

Thank you dawsontoth, this helps a lot.

@kinshukchoubisa
Copy link

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 ?

@chmiiller
Copy link

hey, any news about android version?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment