Try setting the captureRollEvents property to true ..

from the docs .. 

captureRollEvents       property
public var captureRollEvents:Boolean

If true, prevents Flex from dispatching the rollOut and rollOver
events if the mouse has not moved. Set this property to true when you
use the Zoom effect to toggle the effect target between a big and
small size.

For example, you use the rollOverEffect to trigger the Zoom effect to
reduce the size of the target. As the target shrinks, the mouse
pointer is no longer over the target, triggering a rollOut event, and
the corresponding rollOutEffect. By setting the captureRollEvents
property to true, you prevent Flex from dispatching the rollOut event
unless it occurs because you moved the mouse.

The default value is false.

eg:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";                
     layout="absolute">

    <mx:Zoom id="grow" duration="1" zoomWidthTo="2"
captureRollEvents="true"/>
    <mx:Zoom id="revert" duration="1" zoomWidthTo="1"
captureRollEvents="true" />    
    
    <mx:Panel title="Moving Buttons" layout="absolute"
        left="20" top="20" right="20" bottom="20" >
    
        <mx:Button x="400" y="200" label="rollOver" width="100"
            rollOverEffect="{grow}" rollOutEffect="{revert}" />
        <mx:Button x="400" y="350" label="mouseDown" width="100"
                
            mouseDownEffect="{grow}" mouseUpEffect="{revert}" />
        
    </mx:Panel>
    
</mx:Application>

regards 

Ian

--- In [email protected], "Heiko Niemann" <[EMAIL PROTECTED]> wrote:
>
> Hello,
> 
> I tested following code:
> 
> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";
>       layout="absolute">
> 
>      <mx:Zoom id="grow" duration="100" zoomWidthTo="2" />
>      <mx:Zoom id="revert" duration="100" zoomWidthTo="1" />
> 
>      <mx:Panel title="Moving Buttons" layout="absolute"
>          left="20" top="20" right="20" bottom="20" >
> 
>          <mx:Button x="400" y="200" label="rollOver"
>              rollOverEffect="{grow}" rollOutEffect="{revert}" />
>          <mx:Button x="400" y="350" label="mouseDown"
>              mouseDownEffect="{grow}" mouseUpEffect="{revert}" />
> 
>      </mx:Panel>
> 
> </mx:Application>
> 
> 
> It's just a little zoom effect on buttons - a sample found at many
> places.
> 
> Basically it works but both buttons will move to the left if I
> a) move up and down over the first button very fast
> b) click n-times on the second button - very fast again.
> 
> That's a side-effect I did not expect :) So
> 1) can somebody verify this effect?
> 2) is this a bug or did I miss some attribute I need to set? (obviously
> the coordinate system gets dizzy somehow)
> 
> Regards, Heiko
>


Reply via email to