Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-3598] Android [feature request]: live scrolling for scrollableView

GitHub Issuen/a
TypeNew Feature
PriorityTrivial
StatusClosed
ResolutionDuplicate
Resolution Date2011-10-03T05:30:13.000+0000
Affected Version/sRelease 1.7.2
Fix Version/sSprint 2011-39
ComponentsAndroid
Labelsandroid, feature, reported-1.6.1, scrollable, scrollableview, view
ReporterPaul Dowsett
AssigneeBill Dawson
Created2011-04-15T03:47:03.000+0000
Updated2011-10-03T05:30:20.000+0000

Description

Request "live scrolling" for scrollableView, which is a transition where the current view slides gradually out of the visible space to be replaced by the next view that similarly slides gradually into the visible space, demonstrated in [this Android app review video](http://www.youtube.com/watch?v=etg5YGbtqgc). Note that this is currently the default behavior for iOS. There is a concern that a control, like a button, on a view within a live scrolling scrollableView could cause a conflict with the scroll gesture, or at least confuse the user. However, using the following code to test this, it doesn't currently seem to be an issue:
var win = Ti.UI.createWindow({
    backgroundColor: "black"
});

var view1 = Ti.UI.createView({
    backgroundColor:'red'
});
var l1 = Ti.UI.createLabel({
    text:'View 1',
    color:'#fff',
    top:100,
    width:'auto',
    height:'auto'
});
view1.add(l1);

var view2 = Ti.UI.createView({
    backgroundColor:'blue'
});
var l2 = Ti.UI.createLabel({
    text:'View 2)',
    color:'#fff',
    top:100,
    width:'auto',
    height:'auto'
});
view2.add(l2);

var button2 = Ti.UI.createButton({
    title:"click me"
});
view2.add(button2);

button2.addEventListener("click", function(){
    Ti.API.info("button2 was clicked");
});

var view3 = Ti.UI.createView({
    backgroundColor:'green'
});
var l3 = Ti.UI.createLabel({
    text:'View 3',
    color:'#fff',
    top:100,
    width:'auto',
    height:'auto'
});
view3.add(l3);

var scrollView = Titanium.UI.createScrollableView({
    views:[view1,view2,view3],
    showPagingControl:true,
    pagingControlHeight:30,
    maxZoomScale:2.0,
    currentPage:1
});

win.add(scrollView);

win.open();
Feature originally requested by user in the Q&A thread: [ScrollableView with live scrolling on android?](http://developer.appcelerator.com/question/118484/scrollableview-with-live-scrolling-on-android)

Comments

  1. Paul Dowsett 2011-05-24

    For some reason, Ralf changed this ticket to make himself the reporter. Correcting this issue, by restoring myself as reporter.
  2. Bill Dawson 2011-10-03

    This ended up being duplicated by TIMOB-5169. We now have live scrolling in master.

JSON Source