Эффекты гибкого перехода работают на 2-м и после перехода, но не на очень первый переход

Question

У меня есть приложение flex, которое переходит между двумя состояниями с помощью переключателя кнопки. моя проблема в том, что эффект замирания, похоже, работает только на 2-й переход и после. Тем не менее, для моего первого перехода ... переход из State1 в studyState ... нет никакого эффекта затухания вообще, на самом деле компоненты в состоянии 1 полностью исчезают (нижний колонтитул заполняет пустой пробел, где используется «тело»), а затем Flex воссоздает StudyState (без какого-либо затухания, заполняющего «тело» компонентами только в StudyState).

После этого первого перехода, однако, переход между studyState и State1 работает ПОЛНОСТЬЮ нормально .. почему это происходит и как я могу сделать так, чтобы кроссфейд работал НАЧАЛЬНИК ОТ ОЧЕНЬ ПЕРВОГО ПЕРЕХОДА? пожалуйста помоги!

<s:transitions> 
<s:Transition id="t1" autoReverse="true"> 
<s:CrossFade 
    target="{holder}" 
    duration="1500" /> 
</s:Transition> 
</s:transitions> 
<s:states> 
<s:State name="State1" /> 
<s:State name="studyState" /> 
</s:states> 

<s:VGroup id="globalGroup" includeIn="State1" width="100%">stuff</Vgroup> 
<s:VGroup id="studyGroup" includeIn="studyState" width="100%">stuff</Vgroup> 

Answer 1

Что случилось с переходом государства? Можете ли вы предоставить полный образец кода?

Этот сегмент кода, в основном, работает, как я ожидал бы:

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark" 
       xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> 

<s:transitions> 
    <s:Transition id="t1" autoReverse="true"> 
     <s:CrossFade 
      target="{this}" 
      duration="1500" /> 
    </s:Transition> 
</s:transitions> 
<s:states> 
    <s:State name="State1" /> 
    <s:State name="studyState" /> 
</s:states> 

<s:VGroup id="globalGroup" includeIn="State1" width="100%"> 
    <s:Button label="State1 to studyState" click="this.currentState = 'studyState'" /> 
</s:VGroup> 
<s:VGroup id="studyGroup" includeIn="studyState" width="100%"> 
    <s:Button label="studyState to State1" click="this.currentState = 'State1'" /> 
</s:VGroup> 


</s:Application>