Flex 效果_蹦蹦跳跳的面板

最新推荐文章于 2024-05-25 10:52:43 发布

原创最新推荐文章于 2024-05-25 10:52:43 发布 · 928 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flex #application #encoding #function #import #layout

flex 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个使用Adobe Flash创建的滑动面板应用实例。该面板可通过按钮控制展开与收起，并运用了过渡动画效果来增强用户体验。文章详细展示了如何通过ActionScript实现面板的动态变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  <mx:Style>
   Application{            backgroundGradientColors: #E2DEDE, #3C2580;         }
   LinkButton {            rollOverColor: #000000;            selectionColor: #000000;
    color: #ffffff;            textRollOverColor: #ffffff;            textAlign: center;         }
  </mx:Style>
<mx:Script>
  <![CDATA[
   import mx.effects.easing.*;
   private function toggleBtn(e:MouseEvent):void{
    if(e.currentTarget.label== "Open")
     panelOut.play();
    else                     panelIn.play();
   }         ]]>
</mx:Script>
<mx:Move id="panelOut" target="{panel}" yTo="0" effectEnd="btn.label='Close'"         duration="1500" easingFunction="Bounce.easeOut"/>
<mx:Move id="panelIn" target="{panel}" yTo="-180" effectEnd="btn.label='Open'"         duration="1000" easingFunction="Bounce.easeIn"/>
<mx:Canvas id="panel" width="100%" height="200" y="-180" backgroundColor="#000000">     
  <mx:Label text="PUT YOUR CONTENT HERE" fontSize="30" color="#ffffff" horizontalCenter="0" verticalCenter="0"/>
  <mx:LinkButton id="btn" width="100%" height="21"               bottom="0" horizontalCenter="0"             label="Open"               click="toggleBtn(event)"/>
</mx:Canvas>          
</mx:Application>