Thanks for your response But,here I am adding canvas at dynamically when i click on button I am removing the current canvas using removeAllChildren method For your code intitally itself u r creating two hbox's in viewstack so the effect's applied
I hope u understand my situation,please let me know how can i do this.... Regards, Pradeep On Aug 27, 11:08 am, Pradip Jadhav <[email protected]> wrote: > Hi Pradeep, > > Please refer the code below, In this code there are 2 Hbox which are > in ViewStack. And clicking on buttons i am showing one Hbox and hiding > another hbox with effects. > > <mx:Application > xmlns:mx="http://www.adobe.com/2006/mxml"; > layout="absolute" > width="100%" > height="100%" > creationComplete="initMe()"> > <mx:Script> > <![CDATA[ > import mx.controls.Alert; > private function initMe():void > { > myViewStack.selectedIndex = 0; > } > private function changeViewStack(indexVal:int):void > { > myViewStack.selectedIndex = indexVal; > } > ]]> > </mx:Script> > <mx:WipeUp duration="400" id="wipeLeft"/> > <mx:WipeDown duration="400" id="wipeRight"/> > > <mx:VBox width="100%" height="100%"> > <mx:HBox width="100%"> > <mx:Button id="butRed" label="Red" > click="changeViewStack(0)"/> > <mx:Button id="butYellw" label="Yellow" > click="changeViewStack(1)"/ > > </mx:HBox> > <mx:Panel title="Red BackGround" width="100%" height="100%"> > <mx:ViewStack id="myViewStack" width="100%" > height="100%" > selectedIndex="0"> > <mx:HBox width="100%" height="100%" > backgroundColor="Red" > showEffect="{wipeRight}" hideEffect="{wipeLeft}"/> > <mx:HBox width="100%" height="100%" > backgroundColor="Yellow" > showEffect="{wipeRight}" hideEffect="{wipeLeft}"/> > </mx:ViewStack> > </mx:Panel> > </mx:VBox> > </mx:Application> > > Please let me know if any issues. > > Regards, > Pradip Jadhav > > On Aug 26, 6:05 pm, pradeepflex <[email protected]> wrote: > > > > > Hi, > > > This is the sample code of what we are using in my project > > The way which we are using to apply effect when using > > removeAllchildren from viewstack > > > Requirement is when i click on second button the canvas which i was > > created dynamically has to remove with wipe up effect > > > <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; > > initialize="initApp(event)"> > > <mx:Script> > > <![CDATA[ > > import mx.messaging.AbstractConsumer; > > import mx.controls.Alert; > > import mx.controls.Label; > > import mx.containers.Canvas; > > public function initApp(event:Event):void{ > > > var canvas:Canvas = new Canvas(); > > canvas.setStyle("addedEffect",moveIn); > > canvas.setStyle("removedEffect",moveOut); > > var label:Label = new Label(); > > label.text =event.currentTarget.id.toString(); > > canvas.addChild(label); > > //myViewStack.removeAllChildren(); > > myViewStack.addChild(canvas); > > > } > > ]]> > > </mx:Script> > > <mx:Move id="moveIn" duration="2000" xFrom="{-width}" xTo="0"/> > > <mx:Move id="moveOut" xFrom="0" xTo="{width}"/> > > <mx:Panel title="ViewStack Container Example" height="95%" > > width="95%" > > paddingTop="10" paddingLeft="10" paddingRight="10" > > paddingBottom="10"> > > > <mx:Text width="100%" color="blue" > > text="Use the Button controls to change panels of the > > ViewStack container."/> > > > <mx:HBox borderStyle="solid" width="100%" > > paddingTop="5" paddingLeft="5" paddingRight="5" > > paddingBottom="5"> > > > <mx:Button id="searchButton" label="Search Panel" > > click="initApp(event)"/> > > <mx:Button id="cInfoButton" label="Customer Info Panel" > > click="initApp(event)"/> > > <mx:Button id="aInfoButton" label="Account Panel" > > click="initApp(event)"/> > > </mx:HBox> > > > <!-- Define the ViewStack and the three child containers and > > have it > > resize up to the size of the container for the buttons. --> > > <mx:ViewStack id="myViewStack" borderStyle="solid" > > width="100%" height="80%"> > > > </mx:ViewStack> > > > </mx:Panel> > > </mx:Application> > > > Guys,please let me know how can i put effect with using > > removeAllChildren method > > > Thanks for any advanced help > > > Regards, > > Pradeep- Hide quoted text - > > - Show quoted text - -- You received this message because you are subscribed to the Google Groups "Flex India Community" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/flex_india?hl=en.
