| GitHub Issue | n/a |
| Type | Bug |
| Priority | Critical |
| Status | Closed |
| Resolution | Fixed |
| Resolution Date | 2013-04-08T21:03:52.000+0000 |
| Affected Version/s | Release 3.1.0 |
| Fix Version/s | Release 3.1.0, 2013 Sprint 07 API, 2013 Sprint 07, Release 3.2.0 |
| Components | iOS |
| Labels | qe-port, regression, triage |
| Reporter | Patrick Seda |
| Assignee | Vishal Duggal |
| Created | 2013-04-08T05:02:22.000+0000 |
| Updated | 2013-04-09T10:27:05.000+0000 |
Creating a View with a backgroundImage causes the image to appear low-res and pixelated. This is especially prominent on retina displays, but is noticeable on non-retina as well.
This was most probably caused by the fix for TIMOB-12593. We changed the magnification & minification the filters from linear to nearest
Pull pending https://github.com/appcelerator/titanium_mobile/pull/4120
Backport to 3_1_X https://github.com/appcelerator/titanium_mobile/pull/4121
Sample test case for replicating. Using the attached graphic "lilypad.png", the image rendered as a backgroundImage of the View will have pixelated edges in comparision to the ImageView. The issue will be noticeable on simulator but is more pronounced on retina devices.
var aWin = Ti.UI.createWindow({backgroundColor:'#fff'}); var viewWithBG = Ti.UI.createView({ height:100, width:250, top:10, left:10, backgroundImage:'lilypad.png' }); var imageView = Ti.UI.createImageView({ height:100, width:250, top:10, left:280, image:'lilypad.png' }); aWin.add(viewWithBG); aWin.add(imageView); aWin.open();Tested and verified fix with: Appcelerator Studio, build: 3.1.0.201304052347 Titanium SDK, build: 3.1.0.v20130405170202 Devices: iPad 4 iOS 6.1.3 iPhone5 iOS 6.1.3 iOS 6.1 iPad Simulator Added screenshot timob-13447
Tested with: SDK: 3.1.0.v20130408154547 Studio:3.1.0.201304011603 Device: iPhone5(v 6.0) OS: OSX 10.7.5 Works as expected.
Tested with: SDK: 3.1.0.v20130408154547 Studio:3.1.0.201304011603 Device: iPhone5(v 6.0), iPad2(v 5.1), iPhone simulator OS: OSX 10.7.5