{ "id": "159399", "key": "TIMOB-23169", "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": [ { "id": "17707", "name": "Release 5.3.0", "archived": false, "released": true, "releaseDate": "2016-06-04" } ], "resolution": { "id": "3", "description": "The problem is a duplicate of an existing issue.", "name": "Duplicate" }, "resolutiondate": "2016-04-12T08:06:47.000+0000", "created": "2016-04-07T22:47:43.000+0000", "priority": { "name": "Medium", "id": "3" }, "labels": [], "versions": [ { "id": "16997", "name": "Release 5.2.0", "archived": false, "released": true, "releaseDate": "2016-02-23" }, { "id": "17684", "name": "Release 5.2.1", "archived": false, "released": true, "releaseDate": "2016-03-25" }, { "id": "17993", "description": "Release 5.2.2", "name": "Release 5.2.2", "archived": false, "released": true, "releaseDate": "2016-04-05" } ], "issuelinks": [ { "id": "51517", "type": { "id": "10002", "name": "Duplicate", "inward": "is duplicated by", "outward": "duplicates" }, "outwardIssue": { "id": "155054", "key": "TIMOB-20598", "fields": { "summary": "Windows: views not animating correctly", "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" } }, "priority": { "name": "Critical", "id": "1" }, "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "subtask": false } } } } ], "assignee": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "updated": "2016-04-28T22:35:40.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": "12642", "name": "Windows", "description": "Windows authoring support" } ], "description": "h6.Issue Description\r\nWhen an animation is inserted inside a iteration or bucle, the animation is running just the first time. \r\n\r\nh6.Steps to Replicate\r\n\r\n# Create a new appcelerator alloy project for windows\r\n# Open Index.xml and replace the code with the next:\r\n{code}\r\n\r\n\t\r\n\t\t\r\n\t\t\r\n\t\r\n\r\n{code}\r\n# Open Index.js and replace the code with the next:\r\n{code}\r\nfunction animateBox() {\r\n var animation = Titanium.UI.createAnimation();\r\n\t//animation.backgroundColor = 'black';\r\n\tanimation.left = 100;\r\n\tanimation.duration = 1000;\r\n\tvar animationBack = Titanium.UI.createAnimation();\t\r\n\tvar animationHandler = function() {\r\n\t //animation.removeEventListener('complete',animationHandler);\r\n\t //animation.left = 0;\r\n\t //animation.duration = 1000;\r\n\t $.test.left = 100;\r\n\t var animateBack = Ti.UI.createAnimation();\r\n\t animateBack.left = 0;\r\n\t animateBack.duration = 1000;\r\n\t $.test.animate(animateBack);\r\n\t \r\n\t \r\n\t var animationHandlerBack = function() {\r\n\t \t//animationBack.removeEventListener('complete',animationHandlerBack);\r\n\t \tanimationBack.left = 0;\r\n\t \t\r\n\t };\t \r\n\t animation.addEventListener('complete',animationHandlerBack);\r\n\t};\r\n\tanimation.addEventListener('complete',animationHandler);\r\n\t$.test.animate(animation);\t\r\n}\r\n\r\nsetTimeout(animateBox, 2000);\r\n\r\n$.index.open();\r\n{code}\r\n# Run\r\n# The box is just animating once\r\n\r\nh6.Expected Behavior\r\nThe animations should repeat. ", "attachment": [], "flagged": false, "summary": "Windows: Animations are not animating correctly on iterations or bucles", "creator": { "name": "rramirez", "key": "rramirez", "displayName": " Ricardo Ramirez", "active": true, "timeZone": "America/Los_Angeles" }, "subtasks": [], "reporter": { "name": "rramirez", "key": "rramirez", "displayName": " Ricardo Ramirez", "active": true, "timeZone": "America/Los_Angeles" }, "environment": "Windows 8\r\nVisual Studio 2015 Community edition \r\nAppcelerator SDK 5.1.0 5.2.0", "comment": { "comments": [ { "id": "382268", "author": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Tested this example but animation does not repeat even on iOS. Would you update the example so we can validate it?\r\n\r\nFYI Classic app:\r\n{code:javascript}\r\nvar win = Ti.UI.createWindow({ backgroundColor: 'green' });\r\nvar test = Ti.UI.createView({height:100, width:100, backgroundColor:'red', left:0});\r\n\r\nwin.add(test);\r\n\r\nfunction animateBox() {\r\n var animation = Titanium.UI.createAnimation();\r\n animation.left = 100;\r\n animation.duration = 1000;\r\n var animationBack = Titanium.UI.createAnimation();\r\n var animationHandler = function () {\r\n test.left = 100;\r\n var animateBack = Ti.UI.createAnimation();\r\n animateBack.left = 0;\r\n animateBack.duration = 1000;\r\n test.animate(animateBack);\r\n\r\n var animationHandlerBack = function () {\r\n animationBack.left = 0;\r\n\r\n };\r\n animation.addEventListener('complete', animationHandlerBack);\r\n };\r\n animation.addEventListener('complete', animationHandler);\r\n test.animate(animation);\r\n}\r\n\r\nwin.addEventListener('open', function () {\r\n setTimeout(animateBox, 2000);\r\n});\r\n\r\nwin.open();\r\n{code}\r\n", "updateAuthor": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2016-04-11T02:28:02.000+0000", "updated": "2016-04-11T02:31:35.000+0000" }, { "id": "382286", "author": { "name": "nsalahin", "key": "nsalahin", "displayName": "Nazmus Salahin", "active": true, "timeZone": "Asia/Dhaka" }, "body": "Hello,\r\nI have tested the code on Android and found that it animates only once. Then I changed the following line \r\n{code}\r\nsetTimeout(animateBox, 2000);\r\n{code}\r\nto\r\n{code}\r\nsetInterval(animateBox, 3000);\r\n{code}\r\nNow it does animate properly on android repeatedly with a time interval. But on Windows it animates properly the first time and then it keeps jumping and is not able to fulfill the animation.\r\nSo it seems that it is a valid issue.\r\nThanks\r\n\r\n\r\n\r\n*Environment*:\r\n\r\n*Device info:* Nexus7 (android 6.0.1) , Nokia Lumia (Windows Phone 8.1)\r\n*Node.js Version:* 0.12.7\r\n*npm Version:* 2.11.3\r\n*Titanium SDKs:* 5.2.2.GA and 5.2.1.GA\r\n*Java Development Kit Version:* 1.8.0_73\r\n*Titanium CLI Version:* 5.0.5\r\n*Appcelerator CLI Version:* 5.2.2\r\n*Appcelerator Studio:* 4.4.0.201511241829", "updateAuthor": { "name": "rramirez", "key": "rramirez", "displayName": " Ricardo Ramirez", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2016-04-11T07:07:30.000+0000", "updated": "2016-04-11T17:21:47.000+0000" }, { "id": "382452", "author": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Fixed by TIMOB-20598.", "updateAuthor": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2016-04-12T08:06:47.000+0000", "updated": "2016-04-12T08:06:47.000+0000" }, { "id": "384265", "author": { "name": "eharris", "key": "eharris", "displayName": "Ewan Harris", "active": true, "timeZone": "Europe/Dublin" }, "body": "Closing as duplicate ticket is now closed.", "updateAuthor": { "name": "eharris", "key": "eharris", "displayName": "Ewan Harris", "active": true, "timeZone": "Europe/Dublin" }, "created": "2016-04-28T22:35:35.000+0000", "updated": "2016-04-28T22:35:35.000+0000" } ], "maxResults": 4, "total": 4, "startAt": 0 } } }