Flex3学习轨迹：使用行为实现按钮放大（二）

最新推荐文章于 2025-07-24 11:14:07 发布

转载最新推荐文章于 2025-07-24 11:14:07 发布 · 619 阅读

文章标签：

#flex #application #button #encoding #layout

Flex3 专栏收录该内容

23 篇文章

订阅专栏

本文介绍如何在MXML中通过<mx:Style>标签定义按钮的鼠标按下和弹起效果，包括放大和还原的动画实现。

使用MXML中设置样式的方式来设置触发器和效果，原理是使用<mx:Style>标签中定义触发器的效果。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" fontSize="12">
    <mx:Style>
        Button
        {
            mouseDownEffect: grow;
            mouseUpEffect: revert;
        }
    </mx:Style>
    <!-- 定义效果 -->
    <mx:Zoom id="grow" duration="100" zoomHeightTo="2.5" zoomWidthTo="2.5" />
    <mx:Zoom id="revert" duration="50" zoomHeightTo="1" zoomWidthTo="1" />
    <mx:Panel title="创建效果" width="240" height="160" 
        verticalAlign="middle" horizontalAlign="center">
        <mx:Button label="Click" />
    </mx:Panel>
</mx:Application>