эффекты гибкого перехода работают на 2-й и после перехода, но не на самом первом переходе - PullRequest
Новая
       25

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

0 голосов
/ 19 мая 2010

У меня есть гибкое приложение, которое переключается между двумя состояниями с помощью кнопки. моя проблема в том, что эффект затухания, кажется, работает только на 2-й переход и после. Тем не менее, для моего первого перехода ... перехода из State1 в studyState ... эффект затухания вообще отсутствует, фактически компоненты в state1 полностью исчезают (нижний колонтитул заполняет пустой промежуток, в котором используется "body"), а затем 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>

1 Ответ

1 голос
/ 19 мая 2010

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

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

<?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>
...