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

发布时间：2020-12-15 05:12:25 所属栏目：百科来源：网络整理

导读：使用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 { mouseDown

使用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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!