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

Android: Glitch on backgroundColor animation with borderRadius

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Critical
    • Resolution: Duplicate
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: Android
    • Environment:
    • Story Points:
      1
    • Sprint:
      2018 Sprint 05 SDK

      Description

      Background color animation in rounded-angle views changes the color to the rectangle behind the view, but the shape with rounded corners does not animate.

      I enclose two comparison videos on iOS and Android.

      Example code:

       
      // $.win is the Window View in index.xml Alloy controller
       
      var view1 = $.UI.create('View', {
      	width: 100,
      	height: 100,
      	top: 110,
      	backgroundColor: "#FF0000",
      	borderRadius: 50
      });
       
      $.win.add(view1);
       
       
      var view2 = $.UI.create('View', {
      	width: 100,
      	height: 100,
      	top: 220,
      	backgroundColor: "#FF0000",
      	borderRadius: 50
      });
       
      $.win.add(view2);
       
       
      $.win.addEventListener('open', function()
      {
      	var ani1up = function()
      	{
      		view1.animate({
      			backgroundColor: '#0000FF',
      			duration: 500
      		}, function()
      		{
      			ani1down();
      		});
      	};
      	var ani1down = function()
      	{
      		view1.animate({
      			backgroundColor: '#FF0000',
      			duration: 500
      		}, function()
      		{
      			ani1up();
      		});
      	};
      	
      	var ani2up = function()
      	{
      		view2.animate({
      			backgroundColor: '#0000FF',
      			duration: 2000
      		}, function()
      		{
      			ani2down();
      		});
      	};
      	var ani2down = function()
      	{
      		view2.animate({
      			backgroundColor: '#FF0000',
      			duration: 2000
      		}, function()
      		{
      			ani2up();
      		});
      	};
      	
      	ani1up();
      	ani2up();
      });
       
       
      $.win.open();
      
      

        Attachments

          Activity

            People

            • Assignee:
              gmathews Gary Mathews
              Reporter:
              sandrolain Sandro Lain
            • Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Backbone Issue Sync

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

                  Git Integration