Расстроенная проблема с анимацией - PullRequest
Новая
       24

Расстроенная проблема с анимацией

1 голос
/ 01 июля 2010

Я потратил 2 часа на это простое переход от состояния к состоянию с простым изменением размера и перемещением анимации ... Я могу заставить элемент двигаться и исчезать ... но анимации изменения размера вообще нет. Элемент панели остается одинаковой ширины все время. Если я скопирую код в новый тестовый mxml-файл, он будет работать, но не в моем основном файле приложения ... Мне было интересно, может ли кто-нибудь здесь помочь мне. Большое спасибо. 

//This is a custom component inside the main application...Not sure if it relates to my issue.....

<mx:Canvas xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" width="1000" height="600" xmlns:getcomplist="services.getcomplist.*" xmlns:components="components.*"
currentState="defaultState">

<fx:Script>
<![CDATA[

   protected function compList_changeHandler(event:IndexChangeEvent):void
   {
       currentState="whenClick";
   }

]]>
</fx:Script>

<mx:states>
<s:State name="defaultState"/>
<s:State name="whenClick" />
</mx:states>

<mx:transitions>
<s:Transition toState="whenClick">

<s:Parallel target="{animationIsAnnoying}">
<!--<s:Fade duration="1000"/>-->    // Fade is working fine...
<s:Resize heightFrom="600" duration="5000" />  //resize is not working
<s:Move xFrom="500" duration="5000" />  //Move is working fine
</s:Parallel>

</s:Transition>
</mx:transitions>


<s:HGroup>

<s:List id="compList"
width="280"
height="500"
change="compList_changeHandler(event)">
</s:List>


<s:Panel id="animationIsAnnoying" height="150" includeIn="whenClick" /> //The panel I want to animated...


<components:compDisplayDetail includeIn="whenClick" id="compDisplay" width="600" height="500" userPic="{userPicResult.lastResult}" dataFromClick ="{compDetailinfoResult.lastResult}" /> 

</s:HGroup>


</mx:Canvas>

1 Ответ

1 голос
/ 01 июля 2010

У вас должно быть событие click, чтобы дать команду компоненту resize

, использующему здесь mx: компонент Resize 

<mx:Resize id="resizeThis" target="{toolBoxContainer}"/>
<mx:VBox id="toolBoxContainer" height="200" width="300" >           
                <mx:Textid="txt" text="HELLO"/>
        </mx:VBox>

<mx:Button id="menuImage"toolTip="Show/Hidden Menu" click="menuClickHandler(event)" toggle="true"/> 

<mx:Script>
<![CDATA[
private var toggle:int =1;
private function menuClickHandler(e:MouseEvent):void {

                if(toggle == 0 ) { 

                    //MoveThis.end();
                    resizeThis.widthFrom = 0
                    resizeThis.widthTo = 46; 
                    resizeThis.play();

                }
                if(toggle == 1) {

                    resizeThis.end();
                    resizeThis.widthFrom = 46
                    resizeThis.widthTo = 0; 
                    resizeThis.play();
                }

                if(toggle == 0) toggle = 1;
                else toggle = 0;

            }
    ]]>
    </mx:Script>

Эта вещь имеет ошибки в импорте или лайках ... но я предполагаюВы поняли мою точку зрения ..

...