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

Android: Translate animations of invisible views may be delayed

    Details

    • Type: Bug
    • Status: Closed
    • Priority: High
    • Resolution: Fixed
    • Affects Version/s: Release 2.1.0, Release 2.0.1, Release 1.8.3
    • Component/s: Android
    • Environment:

      Description

      Problem Description

      Views are not animating in Android.

      Actual Results

      The animation is not happening in the view.

      Expected results

      If you animate a view, you should see it animated.

      Test Case

      1. Create Mobile Project
      2. Paste this app.js

      var win1 = Titanium.UI.createWindow({backgroundColor:'#FFFFFF'});
       
      var ds =[];
      expandableView = Ti.UI.createView({top:0,height:60,backgroundColor:'red'});
      nextview = Ti.UI.createView({layout:'vertical',top:-60,height:60,backgroundColor:'blue'});
      var row1 = Titanium.UI.createTableViewRow({height:100});
      row1.add(expandableView);
       
      ds.push(row1);
       
      var row2 = Titanium.UI.createTableViewRow({height:100});
      row2.add(nextview);
       
      ds.push(row2);
       
       
      var btn1 = Ti.UI.createButton({
      					title : 'Yes',
      					width : '50%',
      					height : 30,
      					bottom : 0,
      					left : 0,
      					font : {
      						fontSize : 13,
      						fontWeight : 'bold',
      						fontFamily : 'Helvetica Neue'
      					},
      					color : '#FFFFFF',
      					backgroundImage:'none',
      					backgroundColor:'yellow'
      				});
      		
      			var btn2 = Ti.UI.createButton({
      					title : 'No',
      					width : '50%',
      					height : 30,
      					bottom : 2,
      					right : 0,
      					font : {
      						fontSize : 13,
      						fontWeight : 'bold',
      						fontFamily : 'Helvetica Neue'
      					},
      					color : '#858686',
      					backgroundImage:'none',
      					backgroundColor:'green'
      				});
      btn1.addEventListener('click',function(){
      	nextview.animate({top:0,duration:500})
      });
      btn2.addEventListener('click',function(){
      	nextview.animate({top:-60,duration:500})
      });
      var tableView = Titanium.UI.createTableView({
      			data : ds,
      			scrollable : true,
      			separatorColor : 'transparent',
      			separatorStyle: 'none',
      			top:0
      	});
       
       
      win1.add(tableView);
      win1.add(btn1);
      win1.add(btn2);
      win1.open();
      
      

      Extra info

      When you test this in iOS, works just perfect.

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                billdawson Bill Dawson
                Reporter:
                mpmiranda Mauro Parra-Miranda
              • Watchers:
                0 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Backbone Issue Sync

                  • Titanium SDK/CLI <> Titanium Mobile
                    Synced with:
                    TIMOB-13941
                    Sync status:
                    ERROR
                    Last received:
                    Last sent:

                    Git Source Code