переворачивание перестает работать - PullRequest
Новая
       2

переворачивание перестает работать

2 голосов
/ 03 мая 2011

У меня небольшая проблема с эффектами опрокидывания.Первый раз после загрузки все нормально.Но после двойного нажатия кнопки (= переход к studyState и возвращение к Sate1) эффект ролловера на bordercontainer перестает работать.Я понятия не имею, в чем причина.Пожалуйста, дайте мне подсказку. 

<?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">
<fx:Declarations>
    <s:AnimateColor id="animateColorON" colorPropertyName="backgroundColor" colorFrom="#FFFFFF" colorTo="#e7eae4" duration="300"/>
    <s:AnimateColor id="animateColorOFF" colorPropertyName="backgroundColor" colorFrom="#e7eae4" colorTo="#FFFFFF" duration="600"/>
</fx:Declarations>

<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:BorderContainer width="100%" height="30" cornerRadius="4" borderVisible="false" buttonMode="true" rollOverEffect="animateColorON" rollOutEffect="animateColorOFF">
        <s:HGroup width="100%" height="30" verticalAlign="middle" paddingLeft="5" paddingRight="5">
            <s:Label id="p_dob_label" text="text" width="55%"/>
            <s:Label id="p_dob_value" text="text" width="40%" verticalAlign="top" textAlign="right" color="#8DA576"/>
        </s:HGroup>
    </s:BorderContainer>
</s:VGroup>
<s:VGroup id="studyGroup" includeIn="studyState" width="100%">
    <s:Button label="studyState to State1" click="this.currentState = 'State1'"  />
</s:VGroup> 

</s:Application>

1 Ответ

2 голосов
/ 03 мая 2011

Вот исправление.добавить прослушиватель событий, когда состояние изменяется.Я использую currentStateChangeevent: 

<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" currentStateChange="application1_currentStateChangeHandler(event)">

В слушателе вручную установите эффекты rollOverEffect и rollOutEffect: 

<fx:Script>
    <![CDATA[
        import mx.events.StateChangeEvent;

        protected function application1_currentStateChangeHandler(event:StateChangeEvent):void
        {
            // TODO Auto-generated method stub
            if(bc){
                bc.setStyle('rollOverEffect',animateColorON);
                bc.setStyle('rollOutEffect',animateColorOFF);
            }
        }

    ]]>
</fx:Script>

Обязательно дайте BorderContainer идентификатор.Я использовал bc: 

<s:BorderContainer id="bc" width="100%" height="30" cornerRadius="4" borderVisible="false" buttonMode="true" rollOverEffect="animateColorON" rollOutEffect="animateColorOFF" >

Я не уверен, почему эти эффекты теряются.Моя лучшая теория заключается в том, что это как-то связано с тем, как ActionScript генерируется за кулисами.Несмотря на то, что rollOverEffect и rollOutEffect являются свойствами компонента, на самом деле они реализованы за сценой в виде стилей.Бьюсь об заклад, по какой-то причине, при переключении состояний стили «эффекта» не сбрасываются.Вы должны были бы взглянуть на сгенерированный ActionScript, чтобы знать наверняка.

...