I submit a simple example of a scrollableview with 3 imageviews\r\nwhich are wider than the window's width.
\r\nThe imageviews of three images 1024x1440 pixels (placed as\r\nbackgrounds to allow zooming) are sized to the maximum height of\r\nthe window, and therefore with a wider width; than added to the\r\nscrollableview.
\r\nThe images are double pages of a catalog.
Scrollableview correctly shows just the visible part of the\r\nimage, but trying to move right showing the other part of the\r\nimage, it scrolls to the following view.
\r\nIf you try to first pinch in or out the image (zooming), then\r\nscrollableview acts correctly first panning and then scrolling.
The attachments contains app.js, scrollview_problem.js and the\r\nthree images.
\r\nPut them in the resource folder of a new project.
\r\nI have Titanium developer 1.2.1, iphone SDK 4.2 and mobile titanium\r\nsdk 1.4.2.
I solved patching the objective C source of the ScrollableView\nclass.
\nI saw that the inner scrollviews created by the class for each view\nwere not aware of the content size of the view itself. After the\nfirst zoom gesture they were and the scrolling was ok. So I\nmodified the source that creates the inner scrollviews to set the\ncontentsize property according to the size of the internal\nview.
This is the complete source of the refreshScrollView method from\nthe ScrollableView.m file (mobile SDK 1.5.1).
\nThe lines added are between comments.
Hope it's useful to somebody and please take this into\nconsideration in the next mobile sdk release.
\n\n\n-(void)refreshScrollView:(CGRect)visibleBounds readd:(BOOL)readd\n{\n// start code added by Trident\n TiViewProxy *viewproxy;\n TiUIView *mview;\n CGRect vbounds;\n// end code added by Trident\n\n CGRect viewBounds;\n viewBounds.size.width = visibleBounds.size.width;\n viewBounds.size.height = visibleBounds.size.height - (showPageControl ? pageControlHeight : 0);\n viewBounds.origin = CGPointMake(0, 0);\n \n UIScrollView *sv = [self scrollview];\n \n [self refreshPageControl];\n \n if (readd)\n {\n for (UIView *view in [sv subviews])\n {\n [view removeFromSuperview];\n }\n }\n \n for (int c=0;c<[views count];c++)\n {\n viewBounds.origin.x = c*visibleBounds.size.width;\n \n if (readd)\n {\n// start code added by Trident\n viewproxy = [views objectAtIndex:c]; \n mview = [viewproxy view];\n vbounds = [mview bounds];\n// end code added by Trident\n //TODO: optimize for non-scaled?\n InnerScrollView *view = [[InnerScrollView alloc] initWithFrame:viewBounds];\n [view setMaximumZoomScale:maxScale];\n [view setMinimumZoomScale:minScale];\n [view setShowsVerticalScrollIndicator:NO];\n [view setShowsHorizontalScrollIndicator:NO];\n [view setDelegate:view];\n// [view setAutoresizingMask:UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight];\n [view setPagingEnabled:NO];\n [view setBackgroundColor:[UIColor clearColor]];\n [view setDelaysContentTouches:NO];\n// start code added by Trident\n [view setContentSize:vbounds.size];\n// end code added by Trident \n [sv addSubview:view];\n [view release];\n }\n else \n {\n UIView *view = [[sv subviews] objectAtIndex:c];\n view.frame = viewBounds;\n }\n }\n \n if (currentPage==0)\n {\n [self loadNextFrames:true];\n }\n \n if (readd)\n {\n [self renderViewForIndex:currentPage];\n }\n \n CGRect contentBounds;\n contentBounds.origin.x = viewBounds.origin.x;\n contentBounds.origin.y = viewBounds.origin.y;\n contentBounds.size.width = viewBounds.size.width;\n contentBounds.size.height = viewBounds.size.height-(showPageControl ? pageControlHeight : 0);\n contentBounds.size.width *= [views count];\n \n [sv setContentSize:contentBounds.size];\n [sv setFrame:CGRectMake(0, 0, visibleBounds.size.width, visibleBounds.size.height)];\n}\nNeed to discuss whether it's appropriate behavior to swipe\nimmediately to the next view, or to pan across current view\ncontent.