{ "id": "123054", "key": "TIMOB-15882", "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": "15715", "description": "2013 Sprint 25", "name": "2013 Sprint 25", "archived": true, "released": true, "releaseDate": "2013-12-13" }, { "id": "15716", "description": "2013 Sprint 25 API", "name": "2013 Sprint 25 API", "archived": true, "released": true, "releaseDate": "2013-12-13" }, { "id": "15422", "description": "Release 3.3.0", "name": "Release 3.3.0", "archived": false, "released": true, "releaseDate": "2014-07-16" } ], "resolution": { "id": "1", "description": "A fix for this issue is checked into the tree and tested.", "name": "Fixed" }, "resolutiondate": "2013-12-11T07:16:50.000+0000", "created": "2013-11-29T16:21:47.000+0000", "priority": { "name": "High", "id": "2" }, "labels": [ "SupportTeam", "module_animation", "qe-closed-3.2.0", "qe-testadded" ], "versions": [ { "id": "15593", "description": "Release 3.1.3", "name": "Release 3.1.3", "archived": true, "released": true, "releaseDate": "2013-09-18" } ], "issuelinks": [ { "id": "37716", "type": { "id": "10002", "name": "Duplicate", "inward": "is duplicated by", "outward": "duplicates" }, "inwardIssue": { "id": "121152", "key": "TIMOB-15471", "fields": { "summary": "Android: View disappear after animating on 4.x device", "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": "High", "id": "2" }, "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "subtask": false } } } } ], "assignee": { "name": "sunila", "key": "sunila", "displayName": "Sunila", "active": true, "timeZone": "Asia/Kolkata" }, "updated": "2014-07-29T20:02:28.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": "h5. Problem Description\r\n\r\nWhen a View is animated (translated) using the simple Ti.UI.createAnimation(...) method AND the view contains a borderColor, the view changes its size during animation.\r\n\r\nh5. Test Code \r\n{code:javascript} \r\nTitanium.UI.setBackgroundColor('#000');\r\n \r\nvar win1 = Titanium.UI.createWindow({\r\n\ttitle : 'Tab 1',\r\n\tbackgroundColor : '#fff'\r\n});\r\n\r\nvar slideView = Ti.UI.createView({\r\n\t//borderColor : \"#d4d4d4\", //comment out this line to make the example work\r\n\twidth : 200,\r\n\theight : 250,\r\n\tright : 1,\r\n\ttop : 1,\r\n\tbackgroundColor : \"#bbbbff\"\r\n});\r\n\r\nwin1.add(slideView);\r\nwin1.open();\r\n\r\nsetTimeout(function() {\r\n\tvar resultAnim = Ti.UI.createAnimation({\r\n\t\ttop : 200,\r\n\t\tduration : 500\r\n\t});\r\n\r\n\tslideView.animate(resultAnim);\r\n}, 500); \r\n{code} \r\n\r\n\r\nh5. Step to reproduces\r\n1.\tCreate a new project\r\n2.\tPaste test code in app.js\r\n3.\tNow run on android Emulator/Device \r\n4.\tSee screen, view animate ok\r\n5.\tNow add borderColor property in “slideView” view\r\n6.\tRun again \r\n\r\nh5. Expected result \r\n\tView animation should be smooth and size will be same.\r\n", "attachment": [], "flagged": false, "summary": "Android: View changes size when animated with position change", "creator": { "name": "reinberger", "key": "reinberger", "displayName": "Thomas Reinberger", "active": true, "timeZone": "Europe/Berlin" }, "subtasks": [], "reporter": { "name": "reinberger", "key": "reinberger", "displayName": "Thomas Reinberger", "active": true, "timeZone": "Europe/Berlin" }, "environment": "OS: MAC OS X 10.8.5\r\nTi SDK: 3.1.3 GA \r\nTi CLI: 3.3.0\r\nAndroid Device\r\nAndroid SDK 2.3.3\r\n", "comment": { "comments": [ { "id": "282606", "author": { "name": "sunila", "key": "sunila", "displayName": "Sunila", "active": true, "timeZone": "Asia/Kolkata" }, "body": "Use outerView instead of nativeView so that it works for view with border.\r\n\r\nhttps://github.com/appcelerator/titanium_mobile/pull/5064", "updateAuthor": { "name": "sunila", "key": "sunila", "displayName": "Sunila", "active": true, "timeZone": "Asia/Kolkata" }, "created": "2013-12-05T16:15:29.000+0000", "updated": "2013-12-05T16:15:29.000+0000" }, { "id": "283763", "author": { "name": "nmittal", "key": "nmittal", "displayName": "Neha Mittal", "active": true, "timeZone": "Asia/Kolkata" }, "body": "Verified with below environment and Test Code:\r\n\r\nAppcelerator Studio: 3.2.0.201312101708\r\nSDK: 3.2.0.v20131210191510\r\nalloy: 1.3.0-cr\r\nacs: 1.0.10\r\nnpm: 1.3.2\r\ntitanium: 3.2.0-cr\r\ntitanium-code-processor: 1.1.0-cr\r\n\r\nDevice: Nexus 7(v4.2.1)/Mac 9\r\n\r\nTest Code: \r\n{code}\r\nTitanium.UI.setBackgroundColor('#000');\r\n \r\nvar win1 = Titanium.UI.createWindow({\r\n title : 'Tab 1',\r\n backgroundColor : '#fff'\r\n});\r\n\r\nvar outerView= Ti.UI.createView({\r\n\twidth : 200,\r\n\theight : 250,\r\n\tright :1,\r\n\ttop :1,\r\n\tbackgroundColor: \"red\"\r\n})\r\n \r\nvar slideView = Ti.UI.createView({\r\n borderColor : \"#d4d4d4\", //comment out this line to make the example work\r\n width : 200,\r\n height : 250,\r\n right : 1,\r\n top : 1,\r\n backgroundColor : \"#bbbbff\"\r\n});\r\n \r\nwin1.add(outerView);\r\nouterView.add(slideView);\r\nwin1.open();\r\n \r\nsetTimeout(function() {\r\n var resultAnim = Ti.UI.createAnimation({\r\n top : 200,\r\n duration : 500\r\n });\r\n \r\n outerView.animate(resultAnim);\r\n}, 500); \r\n{code}\r\nAnimation is smooth and of same size. Hence closing the issue.", "updateAuthor": { "name": "nmittal", "key": "nmittal", "displayName": "Neha Mittal", "active": true, "timeZone": "Asia/Kolkata" }, "created": "2013-12-11T07:12:59.000+0000", "updated": "2013-12-11T07:16:05.000+0000" }, { "id": "283764", "author": { "name": "nmittal", "key": "nmittal", "displayName": "Neha Mittal", "active": true, "timeZone": "Asia/Kolkata" }, "body": "Reopening just to edit the above sample code.", "updateAuthor": { "name": "nmittal", "key": "nmittal", "displayName": "Neha Mittal", "active": true, "timeZone": "Asia/Kolkata" }, "created": "2013-12-11T07:15:36.000+0000", "updated": "2013-12-11T07:15:36.000+0000" }, { "id": "283767", "author": { "name": "nmittal", "key": "nmittal", "displayName": "Neha Mittal", "active": true, "timeZone": "Asia/Kolkata" }, "body": "Closing as updated the code.", "updateAuthor": { "name": "nmittal", "key": "nmittal", "displayName": "Neha Mittal", "active": true, "timeZone": "Asia/Kolkata" }, "created": "2013-12-11T07:16:50.000+0000", "updated": "2013-12-11T07:16:50.000+0000" } ], "maxResults": 7, "total": 7, "startAt": 0 } } }