Uploaded image for project: 'Titanium SDK/CLI'
  1. Titanium SDK/CLI
  2. TIMOB-3598

Android [feature request]: live scrolling for scrollableView

    Details

      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.

      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?

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                billdawson Bill Dawson
                Reporter:
                pdowsett Paul Dowsett
              • Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Backbone Issue Sync

                  • Backbone Issue Sync is enabled for your project, but we do not have any synchronization info for this issue.

                    Git Source Code