Description
When set image array to a imageView, it will start with a blank page. The longer setting for duration, the more obvious blank is.
Reproduce Step:
Simple run the test case.
var win = Ti.UI.createWindow({
backgroundColor:"white"
});
var array =["/1.png",
"/2.png"];
var topPic = Ti.UI.createImageView({
width: Ti.UI.SIZE,
height: Ti.UI.SIZE,
top: '10dp',
images: array,
duration: 10000,
repeatCount: 4
});
win.add(topPic);
//Start top pic animation
topPic.addEventListener('load', function(e){
Ti.API.info("Loaded");
topPic.start();
});
topPic.addEventListener('start', function(e){
Ti.API.info("Started");
});
topPic.addEventListener('change', function(e){
Ti.API.info(e.index);
});
win.open();
Expect Result
The images should display right after load finished, then animate to another.
Actual Result
The imageView will keep blank at beginning, Like setting duration: 10000, the symptom will be more obvious.
Note:
This happens on both SDK 3.4.* and 3.5.*
I was able to reproduce this issue using: Studio 4.0.0.201504170803 SDK 4.0.0.Beta3 Appc NPM 0.3.44 Appc CLI 0.2.250 There is a very noticeable delay before the images from the array are shown.
Pull pending master - https://github.com/appcelerator/titanium_mobile/pull/6817
CR and FT passed. PR Merged.
Verified fixed, using: MacOS 10.11 Studio 4.1.0.201506251905 Ti SDK 4.1.0.v20150624142618 Appc NPM 4.1.0-1 Appc CLI 4.1.0-3 Ti CLI 4.0.1 Alloy 1.6.2 Node v0.10.37 Java 1.7.0_45 Images appear immediately, even when using a very large duration setting.