Home Tutorial Flex Flex-components Image Zoom Behavior in Flex 4

 
 

Share on Google+Share on Google+
Image Zoom Behavior in Flex 4
Posted on: March 13, 2010 at 12:00 AM
Advertisement
In this tutorial we can illustrate how to zoom image in the flex 4.

Flex Zoom Image Effects:-

In Graphical interface we can make components larger or make the window larger. In this flex tutorial you can see how to zoom an image component with the help of zoom behavior in flex. In this tutorial we can set properties that is captureRollEvents="true | false" zoomWidthFrom="Numerical value" zoomWidthTo="Numerical value" zoomHeightFrom="Numerical value" zoomHeightTo="Numerical value" for zoom effects for image zoom.

Flex Image Zooming Behavior Example:-

<?xml version="1.0"?>

<!-- behaviors\ButtonWL.mxml -->

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

<mx:Zoom id="ID"

captureRollEvents="true"

originX="1000"

originY="1000"

zoomWidthFrom="0.5"

zoomWidthTo="2.0"

zoomHeightFrom="0.5"

zoomHeightTo="2.0"/>

<mx:Image id="image1" source="@Embed(source='assets/button.jpeg')" scaleX=".9" scaleY=".9"

mouseDownEffect="{ID}"/>

</mx:Application>

Output:-

Zoom are apply in this image when click on this Image.

Advertisement

Related Tags for Image Zoom Behavior in Flex 4:


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: March 13, 2010

Recommend the tutorial

Advertisements Advertisements
 

 

 

DMCA.com