{ "id": "171103", "key": "TIMOB-25777", "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": "11", "description": "Is not a bug in our product", "name": "Not Our Bug" }, "resolutiondate": "2018-08-08T03:49:30.000+0000", "created": "2018-02-14T01:06:04.000+0000", "priority": { "name": "None", "id": "6" }, "labels": [ "apple-restriction", "escalation" ], "versions": [ { "id": "20060", "description": "", "name": "Release 7.0.2", "archived": false, "released": true, "releaseDate": "2018-02-09" } ], "issuelinks": [ { "id": "56317", "type": { "id": "10003", "name": "Relates", "inward": "relates to", "outward": "relates to" }, "outwardIssue": { "id": "143529", "key": "TIMOB-18474", "fields": { "summary": "IOS: Unable to make toolbar really transparent/with alpha channel", "status": { "description": "The issue is open and ready for the assignee to start work on it.", "name": "Open", "id": "1", "statusCategory": { "id": 2, "key": "new", "colorName": "blue-gray", "name": "To Do" } }, "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "subtask": false } } } } ], "assignee": null, "updated": "2018-08-08T03:49:30.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": "10206", "name": "iOS", "description": "iOS Platform" } ], "description": "The barColor property on iOS ignores an alpha channel. Neither a hex value like ‘#22ff0000’ or rgba value work. The bar is always completely opaque. These values work on android. It does work if you set the barColor to ‘transparent’, but that doesn't work for the specified alpha channel (translucent)\r\n\r\n*Steps to Reproduce:*\r\n1. Create a new App then run the following test code on an iPhone device or simulator.\r\n\r\n*Test Code:*\r\n{code:title=app.js}\r\nvar gradientView = Ti.UI.createView({\r\n width: Ti.UI.FILL,\r\n height: 1000,\r\n top: 0,\r\n backgroundGradient: {\r\n type: 'linear',\r\n startPoint: { x: '0%', y: '50%' },\r\n endPoint: { x: '100%', y: '50%' },\r\n colors: [ { color: 'red', offset: 0.0}, { color: 'blue', offset: 0.25 }, { color: 'red', offset: 1.0 } ]\r\n }\r\n});\r\n\r\nvar win = Ti.UI.createWindow({\r\n title: 'This bar should be transparent',\r\n barColor: 'rgba(255,255,255,0.1)',\r\n includeOpaqueBars: true,\r\n translucent: true,\r\n extendEdges: [Ti.UI.EXTEND_EDGE_TOP]\r\n});\r\n\r\nwin.add(gradientView);\r\n\r\nvar navWin = Ti.UI.iOS.createNavigationWindow({\r\n window: win\r\n});\r\n\r\nnavWin.open();\r\n{code}\r\n\r\n*Expected Behaviour:* The bar color should be translucent because of alpha channel.\r\n*Actual Behaviour:* The bar color is completely opaque.\r\n\r\nThanks", "attachment": [], "flagged": false, "summary": "iOS: Cannot use semi-transparent bar colors", "creator": { "name": "morahman", "key": "morahman", "displayName": "Motiur Rahman", "active": true, "timeZone": "Asia/Dhaka" }, "subtasks": [], "reporter": { "name": "morahman", "key": "morahman", "displayName": "Motiur Rahman", "active": true, "timeZone": "Asia/Dhaka" }, "environment": "Operating System\r\n Name = Mac OS X\r\n Version = 10.13.2\r\nNode.js\r\n Node.js Version = 8.9.4\r\n npm Version = 5.6.0\r\nTitanium CLI\r\n CLI Version = 5.0.14\r\nTitanium SDK\r\n SDK Version = 7.0.2.GA\r\nDevice: iPhone 5s v11.2.5", "comment": { "comments": [ { "id": "434459", "author": { "name": "hknoechel", "key": "hansknoechel", "displayName": "Hans Knöchel", "active": true, "timeZone": "Europe/Berlin" }, "body": "Per apple documentation:\r\n{quote}\r\nThere are only a handful of direct customizations you can make to the navigation bar. Specifically, it is alright to modify the barStyle, tintColor, and translucent properties, but you must never directly change UIView-level properties such as the frame, bounds, alpha, or hidden properties directly.\r\n{quote}\r\nAll of those three properties are available in Titanium and \"translucent: true\" may be the best option to use here. Summarized, Apple does not allow you to use custom opacity values for your navigation bar due to its human interface guidelines. If you still want to use semi-transparent values, you could use the [barImage|http://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.Window-property-barImage] property of the Ti.UI.Window and pass a 1x1px semi-transparent image. Please see the linked docs for details.", "updateAuthor": { "name": "hknoechel", "key": "hansknoechel", "displayName": "Hans Knöchel", "active": true, "timeZone": "Europe/Berlin" }, "created": "2018-02-14T10:32:36.000+0000", "updated": "2018-02-14T10:32:36.000+0000" } ], "maxResults": 3, "total": 3, "startAt": 0 } } }