Thanks but no dice.
I tried to explicitly set the dimensions on the mx:Image but still had
the same "flicker" result on the transition. For that matter I tried
to explicitly set the same image dimensions on it's containing mx:Box
and the ViewStack as well... but the same thing happens.
The best short-term workaround I could muster was to set the initial
selectedIndex to the second image which loads it, then set the
ViewStack to it's proper position via a actionscript call later. The
"flicker" behavior is still there, but I think it's slightly less
noticeable on the first image when the application loads then on the
second (but still a bit ugly).
Here's my ViewStack if anyone can see anything wrong with it:
<mx:ViewStack id="bgImageStack"
width="100%" height="100%" creationPolicy="all selectedIndex="1"
creationCompleteEffect="{blurIn}">
<mx:Box width="1024" height="768"
horizontalScrollPolicy="off" verticalScrollPolicy="off"
hideEffect="{blurOut}" showEffect="{blurIn}">
<mx:Image
source="@Embed('assets/images/background/myBig01.jpg')"
width="1024" height="768" scaleContent="false"
horizontalAlign="left" verticalAlign="top"/>
</mx:Box>
<mx:Box width="1024" height="768"
horizontalScrollPolicy="off" verticalScrollPolicy="off"
hideEffect="{blurOut}" showEffect="{blurIn}">
<mx:Image
source="@Embed('assets/images/background/myBig02.jpg')"
width="1024" height="768" scaleContent="false"
horizontalAlign="left" verticalAlign="top"/>
</mx:Box>
</mx:ViewStack>
"Alex Harui" <[EMAIL PROTECTED]> wrote:
>
> The problem usually has to do with the fact that images are loaded
> asynch so they don't get measured properly the first time.
>
> If you know the size of the image, set the mx:Image to that size so it
> will hold space for it when it comes in.
