Re: [flexcoders] Move effect

[Varun Shetty]

here... try this out.. mebbe this is something u required.

the stuff u required just intrigued me.. so .. jus made one..

Although, I hate the basic flash fx api's... i would rather use the tweener
class for movements.. but ..i jus didn't want you to see another bunch of
code make this simple for you.. btw. resize the window and try moving too.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; layout="absolute">
<mx:Script>
    <![CDATA[
        private function movePanels(xPos:Number):void {
            myMovPans.end();
            myMovPans.xTo = xPos+10;
            myMovPans.play();
        }
    ]]>
</mx:Script>
<mx:Move id="myMovPans" target="{panelsBox}"/>
<mx:HBox width="{Application.application.width}" height="{
Application.application.height}"  horizontalScrollPolicy="off"
    paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10">
    <mx:HBox id="panelsBox"
        paddingBottom="0" paddingLeft="0" paddingRight="0" paddingTop="0">
    <mx:Panel id="panel1" x="10" y="10" height="{
Application.application.height-20}" width="{Application.application.width-20}"
horizontalAlign="center" verticalAlign="middle" title="Panel 1">
        <mx:Label text="Panel 1 X Position: {panel1.x}"/>
        <mx:Button label="Move to Panel 2" click="movePanels(-panel2.x)"/>
    </mx:Panel>
    <mx:Panel id="panel2" title="Panel 2" x="{panel1.x+panel1.width+40}"
y="10" height="{Application.application.height-20}" width="{
Application.application.width-20}" horizontalAlign="center"
verticalAlign="middle" >
        <mx:Label text="Panel 2 X Position: {panel2.x}"/>
        <mx:HBox>
            <mx:Button label="Move to Panel 1" click="movePanels(-panel1.x
)"/>
            <mx:Button label="Move to Panel 3" click="movePanels(-panel3.x
)"/>
        </mx:HBox>
    </mx:Panel>
    <mx:Panel id="panel3" title="Panel 3" x="{panel2.x+panel2.width+40}"
y="10" height="{Application.application.height-20}" width="{
Application.application.width-20}" horizontalAlign="center"
verticalAlign="middle" >
        <mx:Label text="Panel 3 X Position: {panel3.x}"/>
        <mx:Button label="Move to Panel 2" click="movePanels(-panel2.x)"/>
    </mx:Panel>
    </mx:HBox>
</mx:HBox>
</mx:Application>

regards,
Varun Shetty


On Jan 17, 2008 7:09 AM, Hem S <[EMAIL PROTECTED]> wrote:

>   Irrespective of screen resolution the components can be moved from
> outside of the flex application.
>
> <mx:Move
> id="moveIn" xFrom="{-can.width }" yFrom="0" duration="1000" />
>
> <mx:Move id="moveOut" />
>
> <mx:Button click="can.visible=can.visible?*false*:* true*"/>
>
> <mx:Canvas id="can" width=" 400" height="400" visible="false" showEffect="
> {moveIn}" hideEffect="{moveOut }">
>
> <mx:List/>
>
> </mx:Canvas>
>
> --
>
> Regards,
>
> Hemadri S
>
> www.hemadri.info
>
> On Jan 16, 2008 5:18 PM, jovialrandor <[EMAIL PROTECTED]> wrote:
>
> >   How can I specify any Flex component to move out of the screen if i do
> >
> > not know the screen resoluction of the end user beforehand?
> >
> > Is there some Move value like '-1' that indicates to move out of any
> > size screen?
> >
> > Thanks
> >
> >
>  
>