Titanium JIRA Archive
Appcelerator Community (AC)

[AC-1781] iOS: Image Assets (.png, @2x.png, -568h@2x.png) of ImageViews in ScrollableView sometime displayed incorrectly

GitHub Issuen/a
TypeBug
Priorityn/a
StatusClosed
ResolutionNeeds more info
Resolution Date2013-07-15T21:03:27.000+0000
Affected Version/sn/a
Fix Version/sn/a
ComponentsTitanium SDK & CLI
Labelsgraphics, imageView, ios, iphone5, scrollableView
ReporterMickey Asavanant
AssigneeShak Hossain
Created2013-06-18T05:32:02.000+0000
Updated2016-03-08T07:40:40.000+0000

Description

We created a Youtube video to explain and show the problem. Please view it at: http://www.youtube.com/watch?v=EvPODMloEe8 Thanks, Kavin #### [Update more details upon request from Mauro Parra] ================================= //***Code for Screen that contains ScrollableView var self = Ti.UI.createWindow({ left: 0, navBarHidden: true, backgroundColor: 'black' }); var viewsForScrollView = []; var view = null; var LoginOnBoarding1Module = require('ui/handheld/Mn_LoginOnBoarding1View'); var loginOnBoarding1View = new LoginOnBoarding1Module(); viewsForScrollView.push(loginOnBoarding1View); var LoginOnBoarding2Module = require('ui/handheld/Mn_LoginOnBoarding2View'); var loginOnBoarding2View = new LoginOnBoarding2Module(); viewsForScrollView.push(loginOnBoarding2View); var LoginOnBoarding3Module = require('ui/handheld/Mn_LoginOnBoarding3View'); var loginOnBoarding3View = new LoginOnBoarding3Module(); viewsForScrollView.push(loginOnBoarding3View); var LoginOnBoarding4Module = require('ui/handheld/Mn_LoginOnBoarding4View'); var loginOnBoarding4View = new LoginOnBoarding4Module(); viewsForScrollView.push(loginOnBoarding4View); var LoginOnBoarding5Module = require('ui/handheld/Mn_LoginOnBoarding5View'); var loginOnBoarding5View = new LoginOnBoarding5Module(); viewsForScrollView.push(loginOnBoarding5View); var scrollView = Titanium.UI.createScrollableView({ views:viewsForScrollView, left: 0, top: 0, width: '100%', height: '100%', showPagingControl:false, currentPage:0, disableBounce: true, zIndex: 0, }); self.add(scrollView); ================================= //***Code for View from one of the LoginOnBoardingXModule(); //this is from LoginOnBoarding1Module, but other modules also have the same code format LoginOnBoarding1View = function() { var iphone5Flag = false; if(Ti.Platform.displayCaps.platformHeight === 568) { //iphone 5 iphone5Flag = true; } //create component instance var self = Ti.UI.createImageView({ left: 0, top: 0, width: '100%', image: 'images/onboarding-1.png', zIndex: 0, }); var firstline1YPos = 275; var firstline2YPos = 272; var descriptionYPos = 315; if(iphone5Flag) { firstline1YPos = 305; firstline2YPos = 302; descriptionYPos = 345; } var firstline1 = Ti.UI.createLabel({ text: L('Welcome to'), left: 44, top: firstline1YPos, color: '#87878f', font:{fontWeight:'bold',fontSize:20}, zIndex:3, }); self.add(firstline1); //7e828c noonswoon var firstline2 = Ti.UI.createLabel({ text: 'noonswoon', left: 165, top: firstline2YPos, color: '#7e828c', font:{fontWeight:'bold',fontSize:24}, zIndex:3, }); self.add(firstline2); var description2 = Ti.UI.createLabel({ text: L('Love is in the App'), center: {x:'50%', y:descriptionYPos}, //x:67 color: '#4e5866', font:{fontWeight:'bold',fontSize:20}, zIndex:3, }); self.add(description2); return self; }; module.exports = LoginOnBoarding1View;

Attachments

FileDateSize
ns-1-fit.PNG2013-06-25T05:47:27.000+0000411454
ns-1-shrink.PNG2013-06-25T05:47:27.000+0000384623
ns-2-fit.PNG2013-06-25T05:47:27.000+0000544058
ns-2-shrink.PNG2013-06-25T05:47:27.000+0000489426
ns-3-fit.PNG2013-06-25T05:47:27.000+0000524756
ns-3-shrink.PNG2013-06-25T05:47:27.000+0000470823
ns-4-fit.PNG2013-06-25T05:47:27.000+0000437936

Comments

  1. Eduardo Gomez 2013-07-11

    Hello Mickey Asavanant, Thanks for bring this up to our attention. Can you please provide the graphic assets for: - images/onboarding-1.png - images/onboarding-1@2x.png - images/onboarding-1-568h@2x.png Being said, we could take them to replicate your working code to demonstrate the issue.
  2. Mostafizur Rahman 2013-12-14

    We tested this issue with the sample test case and were not able to reproduce with Titanium SDK 3.1.3.GA. Please install the latest SDK and test your application. If you continue to get error, please send us a simple test case with steps to reproduce. Test code link: https://gist.github.com/csemrm/7959066

    Testing Environment:

    OSX Version 10.8.5 Ti CLI 3.1.2, 3.2.0-cr3 Titanium SDK: 3.1.3.GA IOS Simulator 7.0

JSON Source