{ "id": "148346", "key": "TIMOB-18967", "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": "10000", "description": "", "name": "Done" }, "resolutiondate": "2015-06-15T08:30:34.000+0000", "created": "2015-05-29T17:16:19.000+0000", "priority": { "name": "Medium", "id": "3" }, "labels": [ "look1", "splash-screen" ], "versions": [], "issuelinks": [], "assignee": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "updated": "2018-08-06T17:34:53.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": "An app build with 4.0.0.GA (regardless of Android Build Tools version) that uses (as recommended) nine-patch splash images displays black blocks overlaid on the image when runs on an Android 5.x device. It is OK on Android 4.4.4 and when build with 3.5.1.GA it is OK on both Android devices.\r\n\r\nh3. Reproduce\r\n\r\nRun the attached project on different environments. The project is created with {{ti create}}, has no modifications to the {{}} section in {{tiapp.xml}} and nine-patch splash images according to the [guide|http://docs.appcelerator.com/platform/latest/#!/guide/Icons_and_Splash_Screens-section-29004897_IconsandSplashScreens-Androidsplashscreenconsiderations].\r\n\r\nAttached are screenshots for different SDK, Android and Tools versions.", "attachment": [ { "id": "55818", "filename": "background_fix_2.9.png", "author": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "created": "2015-06-12T14:12:24.000+0000", "size": 28942, "mimeType": "image/png" }, { "id": "55817", "filename": "background_fix.9.png", "author": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "created": "2015-06-12T14:03:40.000+0000", "size": 28909, "mimeType": "image/png" }, { "id": "55815", "filename": "background.9.png", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2015-06-12T11:36:35.000+0000", "size": 64692, "mimeType": "image/png" }, { "id": "55831", "filename": "fix_1.png", "author": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "created": "2015-06-15T02:38:55.000+0000", "size": 110597, "mimeType": "image/png" }, { "id": "55830", "filename": "fix_2.png", "author": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "created": "2015-06-15T02:38:58.000+0000", "size": 122805, "mimeType": "image/png" }, { "id": "55968", "filename": "fix_final.9.png", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2015-06-26T11:14:53.000+0000", "size": 52833, "mimeType": "image/png" }, { "id": "55662", "filename": "np.zip", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2015-05-29T17:17:08.000+0000", "size": 173717, "mimeType": "application/zip" }, { "id": "55661", "filename": "SDK 3.5.1 - Android 5.1.0 - Tools 21.1.2.png", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2015-05-29T17:13:58.000+0000", "size": 86711, "mimeType": "image/png" }, { "id": "55660", "filename": "SDK 4.0.0 - Android 4.4.4 - Tools 22.0.1.png", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2015-05-29T17:13:58.000+0000", "size": 81195, "mimeType": "image/png" }, { "id": "55659", "filename": "SDK 4.0.0 - Android 5.1.0 - Tools 21.1.2.png", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2015-05-29T17:13:58.000+0000", "size": 88378, "mimeType": "image/png" }, { "id": "55658", "filename": "SDK 4.0.0 - Android 5.1.0 - Tools 22.0.1.png", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2015-05-29T17:13:58.000+0000", "size": 88987, "mimeType": "image/png" } ], "flagged": false, "summary": "Nine-patch splash screen showing black blocks with 4.0.0.GA on Android 5.x", "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 4.0.0.GA: OK on Android 4.4.4, WRONG on Android 5.1.0\r\nSDK 3.5.1.GA: OK on Android 4.4.4, OK on Android 5.1.0", "closedSprints": [ { "id": 416, "state": "closed", "name": "2015 Sprint 12 SDK", "startDate": "2015-06-06T00:00:43.862Z", "endDate": "2015-06-20T00:00:00.000Z", "completeDate": "2015-06-23T05:41:35.834Z", "originBoardId": 114 } ], "comment": { "comments": [ { "id": "354983", "author": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "body": "[~fokkezb] The Nine-patch in the sample has only the top and left set. Could you try and see what happens if you set the right and bottom (Padding box) in the Nine-patch image?", "updateAuthor": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "created": "2015-06-12T10:01:42.000+0000", "updated": "2015-06-12T10:01:42.000+0000" }, { "id": "354992", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "body": "[~msamah] actually, the nine-patch in the sample already has right and bottom set. Here is the source:\r\n\r\nhttps://raw.githubusercontent.com/FokkeZB/Sample.RSS/alloy/platform/android/res/drawable-xxhdpi/background.9.png", "updateAuthor": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2015-06-12T11:36:14.000+0000", "updated": "2015-06-12T11:36:14.000+0000" }, { "id": "354993", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "body": "Attached example nine-patch splash screen used for screenshots.", "updateAuthor": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2015-06-12T11:36:43.000+0000", "updated": "2015-06-12T11:36:51.000+0000" }, { "id": "355002", "author": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "body": "Tried this on native and the bug exists. This is a native issue whereby when you use a nine-patch image as background and don't specify the padding box / padding line [http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch] what happens is that it doesn't get the correct width and length for that activity. \r\n\r\nTo solve it, one needs to add padding. It is no longer optional as it will cause a layout issue when not done correctly (even though the Android docs says it's optional). -Attached is background_fix.9.png Please try it and let me know if it works.-", "updateAuthor": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "created": "2015-06-12T14:03:15.000+0000", "updated": "2015-06-13T07:11:56.000+0000" }, { "id": "355003", "author": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "body": "[~fokkezb] Please take a look and let me know if it works for you.", "updateAuthor": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "created": "2015-06-12T14:04:34.000+0000", "updated": "2015-06-12T14:04:34.000+0000" }, { "id": "355005", "author": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "body": "I edited [^background_fix_2.9.png] This version should look better and nicer on the activity. Please try it and let me know if it works", "updateAuthor": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "created": "2015-06-12T14:13:07.000+0000", "updated": "2015-06-12T14:23:25.000+0000" }, { "id": "355071", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "body": "[~msamah] both of your new versions work fine. I guess I'll have to update the TiCons CLI to add the padding box :(\r\n\r\nWhat's the difference between the two fixed versions? I see {{fix_2}} has an extra black border but I don't see it anywhere.", "updateAuthor": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2015-06-13T17:30:18.000+0000", "updated": "2015-06-13T17:30:18.000+0000" }, { "id": "355072", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "body": "Fixed TiCons CLI for Android API 21+:\r\nhttps://github.com/FokkeZB/TiCons-CLI/commit/02aa2663a1bab4f45f299a0ead1d8c1c056d21bf", "updateAuthor": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2015-06-13T18:04:53.000+0000", "updated": "2015-06-13T18:04:53.000+0000" }, { "id": "355090", "author": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "body": "I'm using a HTC Desire Eye and when I used the first background fix, I get the results as [^fix_1.png]. The red outline is traced out on the whole app including beyond the navigation and status bar. Thus, needed the 1 pix black frame to get a better result as shown in [^fix_2.png]\r\n\r\nIf everything is okay, can I resolve this ticket?", "updateAuthor": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "created": "2015-06-15T02:40:28.000+0000", "updated": "2015-06-15T02:42:01.000+0000" }, { "id": "355105", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "body": "[~msamah] well, that seems like a bug on its own. Do you get the same with a regular background image?\r\n\r\nAs for the nine-patch blocks, yes we can close it. I'll cover this in the last of 3 images blog posts, which is about resizable images.", "updateAuthor": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2015-06-15T08:26:41.000+0000", "updated": "2015-06-15T08:26:41.000+0000" }, { "id": "355106", "author": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "body": "{quote}Do you get the same with a regular background image?{quote}\r\n[~fokkezb] Nope. It's only when I use Nine-Patch. A normal background image behaves as expected.\r\n\r\nI'll close this issue then. Thanks!", "updateAuthor": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "created": "2015-06-15T08:30:01.000+0000", "updated": "2015-06-15T08:30:01.000+0000" }, { "id": "356053", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "body": "[~msamah] reproduced and found the other issues with the red outline. The padding line needed to cover the full width/height of the image to fix that. I'll cover that in the upcoming blog post.\r\n\r\nSee {{fix_final.9.png}}", "updateAuthor": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2015-06-26T11:15:22.000+0000", "updated": "2015-06-26T11:15:42.000+0000" }, { "id": "380875", "author": { "name": "neograndzon", "key": "neograndzon", "displayName": "David Loekito", "active": true, "timeZone": "America/Los_Angeles" }, "body": "i think we need to reopen this issue.\r\n1. i used tiCons, and still happens.\r\n2. if padding line full width and height, then what's purpose of 9-patch images?\r\nspesific use case that i must use 9-patch images is because we need to run our apps on blackberry Q10 which is detected as xhdpi and portrait, but screen resolution is somewhat is like landscape.\r\nthis issue can be resolved by using usual 9-patch images, but it produces black blocks in android 5.x", "updateAuthor": { "name": "neograndzon", "key": "neograndzon", "displayName": "David Loekito", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2016-03-29T04:14:11.000+0000", "updated": "2016-03-29T04:14:11.000+0000" }, { "id": "380876", "author": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "body": "[~David.Loekito] Could you give an example code of your use case?", "updateAuthor": { "name": "msamah", "key": "msamah", "displayName": "Ashraf Abu", "active": false, "timeZone": "Asia/Singapore" }, "created": "2016-03-29T04:23:16.000+0000", "updated": "2016-03-29T04:23:16.000+0000" }, { "id": "380924", "author": { "name": "James.OLeary", "key": "james.oleary", "displayName": "James O'Leary", "active": true, "timeZone": "America/New_York" }, "body": "I just wanted to comment to say I came across this post just yesterday and it helped me. I also had black boxes appear on my 9-patch splash screen I created. Just as @Fokke Zandbergen mentioned, when I changed the padding line to be the full height and width of the image, the strange box or boxes dissapeared. Thank you @Fokke!", "updateAuthor": { "name": "James.OLeary", "key": "james.oleary", "displayName": "James O'Leary", "active": true, "timeZone": "America/New_York" }, "created": "2016-03-29T13:17:25.000+0000", "updated": "2016-03-29T13:17:25.000+0000" }, { "id": "388201", "author": { "name": "chmiiller", "key": "chmiiller", "displayName": "Carlos Henrique Zinato", "active": true, "timeZone": "America/Los_Angeles" }, "body": "same here...did it today - just filled the right and bottom side with a black line and the black weird blocks gone", "updateAuthor": { "name": "chmiiller", "key": "chmiiller", "displayName": "Carlos Henrique Zinato", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2016-06-13T12:07:44.000+0000", "updated": "2016-06-13T12:07:44.000+0000" }, { "id": "439876", "author": { "name": "emerriman", "key": "emerriman", "displayName": "Eric Merriman ", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Closed as completed. If this is in error, please reopen.", "updateAuthor": { "name": "emerriman", "key": "emerriman", "displayName": "Eric Merriman ", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2018-08-06T17:34:53.000+0000", "updated": "2018-08-06T17:34:53.000+0000" } ], "maxResults": 23, "total": 23, "startAt": 0 } } }