{ "id": "170984", "key": "TIMOB-25731", "fields": { "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "subtask": false }, "project": { "id": "10153", "key": "TIMOB", "name": "Titanium SDK/CLI", "projectCategory": { "id": "10100", "description": "Titanium and related SDKs used in application development", "name": "Client" } }, "fixVersions": [], "resolution": { "id": "3", "description": "The problem is a duplicate of an existing issue.", "name": "Duplicate" }, "resolutiondate": "2018-03-09T18:32:13.000+0000", "created": "2018-01-26T13:18:32.000+0000", "priority": { "name": "Critical", "id": "1" }, "labels": [ "android", "animation", "backgroundColor", "rounded" ], "versions": [], "issuelinks": [], "assignee": { "name": "gmathews", "key": "gmathews", "displayName": "Gary Mathews", "active": true, "timeZone": "America/Los_Angeles" }, "updated": "2018-03-09T18:32:13.000+0000", "status": { "description": "The issue is considered finished, the resolution is correct. Issues which are closed can be reopened.", "name": "Closed", "id": "6", "statusCategory": { "id": 3, "key": "done", "colorName": "green", "name": "Done" } }, "components": [ { "id": "10202", "name": "Android", "description": "Android Platform" } ], "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.\r\n\r\nI enclose two comparison videos on iOS and Android.\r\n\r\nExample code:\r\n\r\n\r\n{code:java}\r\n\r\n// $.win is the Window View in index.xml Alloy controller\r\n\r\nvar view1 = $.UI.create('View', {\r\n\twidth: 100,\r\n\theight: 100,\r\n\ttop: 110,\r\n\tbackgroundColor: \"#FF0000\",\r\n\tborderRadius: 50\r\n});\r\n\r\n$.win.add(view1);\r\n\r\n\r\nvar view2 = $.UI.create('View', {\r\n\twidth: 100,\r\n\theight: 100,\r\n\ttop: 220,\r\n\tbackgroundColor: \"#FF0000\",\r\n\tborderRadius: 50\r\n});\r\n\r\n$.win.add(view2);\r\n\r\n\r\n$.win.addEventListener('open', function()\r\n{\r\n\tvar ani1up = function()\r\n\t{\r\n\t\tview1.animate({\r\n\t\t\tbackgroundColor: '#0000FF',\r\n\t\t\tduration: 500\r\n\t\t}, function()\r\n\t\t{\r\n\t\t\tani1down();\r\n\t\t});\r\n\t};\r\n\tvar ani1down = function()\r\n\t{\r\n\t\tview1.animate({\r\n\t\t\tbackgroundColor: '#FF0000',\r\n\t\t\tduration: 500\r\n\t\t}, function()\r\n\t\t{\r\n\t\t\tani1up();\r\n\t\t});\r\n\t};\r\n\t\r\n\tvar ani2up = function()\r\n\t{\r\n\t\tview2.animate({\r\n\t\t\tbackgroundColor: '#0000FF',\r\n\t\t\tduration: 2000\r\n\t\t}, function()\r\n\t\t{\r\n\t\t\tani2down();\r\n\t\t});\r\n\t};\r\n\tvar ani2down = function()\r\n\t{\r\n\t\tview2.animate({\r\n\t\t\tbackgroundColor: '#FF0000',\r\n\t\t\tduration: 2000\r\n\t\t}, function()\r\n\t\t{\r\n\t\t\tani2up();\r\n\t\t});\r\n\t};\r\n\t\r\n\tani1up();\r\n\tani2up();\r\n});\r\n\r\n\r\n$.win.open();\r\n\r\n{code}\r\n\r\n", "attachment": [ { "id": "64760", "filename": "android.mov", "author": { "name": "sandrolain", "key": "sandrolain", "displayName": "Sandro Lain", "active": true, "timeZone": "Europe/Rome" }, "created": "2018-01-26T13:16:12.000+0000", "size": 796413, "mimeType": "video/quicktime" }, { "id": "64759", "filename": "ios.mov", "author": { "name": "sandrolain", "key": "sandrolain", "displayName": "Sandro Lain", "active": true, "timeZone": "Europe/Rome" }, "created": "2018-01-26T13:16:14.000+0000", "size": 755131, "mimeType": "video/quicktime" } ], "flagged": false, "summary": "Android: Glitch on backgroundColor animation with borderRadius", "creator": { "name": "sandrolain", "key": "sandrolain", "displayName": "Sandro Lain", "active": true, "timeZone": "Europe/Rome" }, "subtasks": [], "reporter": { "name": "sandrolain", "key": "sandrolain", "displayName": "Sandro Lain", "active": true, "timeZone": "Europe/Rome" }, "environment": "Operating System\r\n Name = Mac OS X\r\n Version = 10.12.6\r\n Architecture = 64bit\r\n # CPUs = 8\r\n Memory = 8589934592\r\nNode.js\r\n Node.js Version = 8.9.3\r\n npm Version = 5.5.1\r\nTitanium CLI\r\n CLI Version = 5.0.14\r\nTitanium SDK\r\n SDK Version = 7.0.1.GA", "closedSprints": [ { "id": 126, "state": "closed", "name": "2018 Sprint 05 SDK", "startDate": "2018-02-25T19:38:08.926Z", "endDate": "2018-03-11T18:38:00.000Z", "completeDate": "2018-03-11T22:06:01.520Z", "originBoardId": 100 } ], "comment": { "comments": [ { "id": "433761", "author": { "name": "sdarda", "key": "sdarda", "displayName": "Sharif AbuDarda", "active": false, "timeZone": "Asia/Dhaka" }, "body": "Hello, I have tested the issue with SDK 7.0.1.GA, I was able to reproduce the issue as described with Android. \"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.\" this works fine in iOS. Thanks.", "updateAuthor": { "name": "sdarda", "key": "sdarda", "displayName": "Sharif AbuDarda", "active": false, "timeZone": "Asia/Dhaka" }, "created": "2018-01-27T17:29:19.000+0000", "updated": "2018-01-27T17:29:19.000+0000" }, { "id": "433988", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "body": "[~sdarda], can you test this on Android 6.x or older OS versions please?\r\n\r\nI ask because this might be a bug on Google's end. See the following Google bug report. It affects Android 7.0 and higher and they haven't fixed it yet. It'll affect any views that have rounded borders and are animated.\r\nhttps://issuetracker.google.com/issues/37123819\r\n", "updateAuthor": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2018-02-03T02:10:38.000+0000", "updated": "2018-02-03T02:10:38.000+0000" }, { "id": "435428", "author": { "name": "gmathews", "key": "gmathews", "displayName": "Gary Mathews", "active": true, "timeZone": "America/Los_Angeles" }, "body": "master: https://github.com/appcelerator/titanium_mobile/pull/9900", "updateAuthor": { "name": "gmathews", "key": "gmathews", "displayName": "Gary Mathews", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2018-03-09T18:31:32.000+0000", "updated": "2018-03-09T18:31:32.000+0000" }, { "id": "435429", "author": { "name": "gmathews", "key": "gmathews", "displayName": "Gary Mathews", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Closing, duplicate of TIMOB-25835", "updateAuthor": { "name": "gmathews", "key": "gmathews", "displayName": "Gary Mathews", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2018-03-09T18:32:13.000+0000", "updated": "2018-03-09T18:32:13.000+0000" } ], "maxResults": 4, "total": 4, "startAt": 0 } } }