{ "id": "126753", "key": "TIMOB-16493", "fields": { "issuetype": { "id": "4", "description": "An improvement or enhancement to an existing feature or task.", "name": "Improvement", "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": "16723", "description": "Windows Platform Support, ListView updates, Vector overlays in maps", "name": "Release 4.1.0", "archived": false, "released": true, "releaseDate": "2015-07-08" } ], "resolution": { "id": "5", "description": "All attempts at reproducing this issue failed, or not enough information was available to reproduce the issue. Reading the code produces no clues as to why this behavior would occur. If more information appears later, please reopen the issue.", "name": "Cannot Reproduce" }, "resolutiondate": "2015-04-29T02:30:47.000+0000", "created": "2014-02-23T20:06:01.000+0000", "priority": { "name": "High", "id": "2" }, "labels": [ "heavyweight", "opacity", "transparency", "window" ], "versions": [ { "id": "15856", "description": "Release 3.2.1", "name": "Release 3.2.1", "archived": false, "released": true, "releaseDate": "2014-02-10" } ], "issuelinks": [ { "id": "35360", "type": { "id": "10003", "name": "Relates", "inward": "relates to", "outward": "relates to" }, "outwardIssue": { "id": "124901", "key": "TIMOB-16353", "fields": { "summary": "Android: Transparent windows are opaque on Android", "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": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "updated": "2015-04-29T02:31:16.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": "To have a transparent or non-opaque (heavyweight) window on Android, you have to set {{opacity}} to any value, including {{1.0}}. As you can see on [line 268 of the WindowProxy|https://github.com/appcelerator/titanium_mobile/blob/c7c578c6ce8286195be7019c2165d4de62b202c7/android/modules/ui/src/java/ti/modules/titanium/ui/WindowProxy.java#L268] this triggers the actual Window to have a transparent background (triggering the Translucent theme. The you can use {{backgroundColor:transparent}} or {{backgroundColor:#5FFF}} even if you leave {{opacity:1.0}} because you want to leave the actual contents the window opaque.\r\n\r\nAs #TIMOB-16353 shows this is highly confusing, even for Appcelerator support ;)\r\n\r\nI would ask for {{backgroundColor::transparent}} and colors including an alpha-channel like {{#5FFF}} to trigger the transparent background as well.\r\n\r\nh1. Doesn't work\r\n\r\n{code}\r\nTi.UI.createWindow({\r\n backgroundColor: 'transparent'\r\n});\r\n{code}\r\n\r\nh1. Works\r\n\r\n{code}\r\nTi.UI.createWindow({\r\n backgroundColor: 'transparent',\r\n opacity: 1.0\r\n});\r\n{code}", "attachment": [], "flagged": false, "summary": "Android: Let `transparent` or alpha channel trigger transparent background on heavyweight windows", "creator": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "subtasks": [], "reporter": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "environment": "SDK 3.2.1.GA", "closedSprints": [ { "id": 398, "state": "closed", "name": "2015 Sprint 09 SDK", "startDate": "2015-04-25T00:00:00.000Z", "endDate": "2015-05-09T00:00:00.000Z", "completeDate": "2015-05-11T14:11:17.028Z", "originBoardId": 114 } ], "comment": { "comments": [ { "id": "294301", "author": { "name": "ragrawal", "key": "ragrawal", "displayName": "Ritu Agrawal", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Moving this improvement request to engineering for further evaluation and prioritization. ", "updateAuthor": { "name": "ragrawal", "key": "ragrawal", "displayName": "Ritu Agrawal", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2014-02-24T05:14:32.000+0000", "updated": "2014-02-24T05:14:32.000+0000" }, { "id": "318739", "author": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "body": "3.4.0 is moved forward, and 3.5.0 is taking its place in the calendar.", "updateAuthor": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2014-08-14T21:31:54.000+0000", "updated": "2014-08-14T21:31:54.000+0000" }, { "id": "337540", "author": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "body": "Tried this with Titanium SDK version 3.5.0.v20141217170926 and had no problems trying to do this. Code as follows:-\r\n\r\n{code}\r\nvar win = Ti.UI.createWindow({\r\nbackgroundColor : '#500f'\r\n});\r\n\r\nvar b1 = Ti.UI.createButton({ \r\ntitle : 'Open Window', \r\nheight : 'auto', \r\nwidth : 'auto' \r\n});\r\n\r\nb1.addEventListener('click', function(e) {\r\n\tvar w = Ti.UI.createWindow({ \r\n\tbackgroundColor : 'transparent',\r\n\t});\r\n\t\r\n\tvar l = Ti.UI.createLabel({ \r\n\tbackgroundColor : 'white', \r\n\tcolor : 'black', \r\n\twidth : Ti.UI.Size, \r\n\theight : Ti.UI.Size, \r\n\ttext : 'Can you see the back?' \r\n\t});\r\n\tw.add(l);\r\n\t\r\n\tw.open({ \r\n\tanimated : true\r\n\t});\r\n});\r\n\r\nwin.add(b1);\r\nwin.open();\r\n{code}", "updateAuthor": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "created": "2014-12-29T07:30:27.000+0000", "updated": "2014-12-29T07:30:53.000+0000" }, { "id": "351087", "author": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "body": "With the sample code above, it seems to work. I do not see any issues. Hence closing this as Cannot Produce.", "updateAuthor": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "created": "2015-04-29T02:31:16.000+0000", "updated": "2015-04-29T02:31:16.000+0000" } ], "maxResults": 4, "total": 4, "startAt": 0 } } }