How to use Zoom

最新推荐文章于 2024-06-05 14:36:01 发布

原创最新推荐文章于 2024-06-05 14:36:01 发布 · 357 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#application #flex #image #encoding #function #import

本文介绍如何使用Flash中的Zoom效果实现对象的放大与缩小，并详细解释了相关属性的作用，包括如何控制缩放的起点和终点、缩放中心点及如何捕捉鼠标悬停事件。

<?xml version="1.0" encoding="utf-8"?>

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

    <mx:Script>
        <![CDATA[
            import flash.events.MouseEvent;

            public function doZoom(event:MouseEvent):void {
                if (zoomAll.isPlaying) {
                    zoomAll.reverse();
                }
                else {
                    // If this is a ROLL_OUT event, play the effect backwards.
                    // If this is a ROLL_OVER event, play the effect forwards.
                    zoomAll.play([event.target], event.type == MouseEvent.ROLL_OUT ? true : false);
                }
            }
        ]]>
    </mx:Script>

    <mx:Zoom id="zoomAll" zoomWidthTo="1" zoomHeightTo="1" zoomWidthFrom=".5" zoomHeightFrom=".5" />

    <mx:Panel title="Zoom Effect Example" width="95%" height="95%" horizontalAlign="center"
        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">

        <mx:Text width="100%" color="blue"
            text="Move the mouse over the image to enlarge it. Move the mouse off of the image to shrink it."/>

        <mx:Image id="img"
            source="@Embed(source='assets/Nokia_6630.png')"
            scaleX=".5" scaleY=".5"
            rollOver="doZoom(event)"
            rollOut="doZoom(event)"/>

    </mx:Panel>
</mx:Application>

2、放大时为一段时间How to do?

Zoom效果放大或缩小中心点上的对象。

将Zoom效果应用到使用系统字体显现的文本时，Flex缩放整个磅值之间的文本。尽管将Zoom效果应用到文本时不必使用嵌入的字体，但将Zoom效果应用嵌入了字体时，它将更加平滑。

注意：当Container.autoLayout属性为false时，Zoom效果不起作用。

captureRollEvents

属性

public var captureRollEvents:Boolean

如果为 true，将阻止 Flex 在鼠标未发生过移动的情况下调度 rollOut 和 rollOver 事件。使用 Zoom 效果在较大大小和较小大小之间切换效果目标时，将此属性设置为 true。

例如，可使用 rollOverEffect 触发 Zoom 效果来缩小目标。目标收缩后，鼠标指针将不再位于目标上方，随之触发 rollOut 事件和相应的 rollOutEffect。通过将 captureRollEvents 属性设置为 true，可以防止 Flex 调度 rollOut 事件，除非因移动鼠标发生此事件。

默认值为 false.

originX

属性

public var originX:Number

代表当效果目标位于支持绝对定位的容器（如 Canvas 容器）中时缩放原点 x 位置的数字。缩放原点是目标上作为 Zoom 效果中心的位置。

此值必须介于 0 和目标组件的宽度之间。

默认值为 target.width / 2，这是目标的中心。

originY

属性

public var originY:Number

代表当效果目标位于支持绝对定位的容器（如 Canvas 容器）中时缩放原点 y 位置的数字。缩放原点是目标上作为 Zoom 效果中心的位置。

此值必须介于 0 和目标组件的高度之间。