Question

flex3实现动画弹出菜单

想做一个基于flex3的动态菜单导航栏，当点击一个按钮的时候，会从屏幕上侧弹出一个canvas，再点击的时候会收缩回去，类似QQ桌面的那种效果，哪位大牛给点思路啊，或者给个连接什么的 QQ 393538652

Answer 1

那种效果用flex的move可以实现，以前正好研究过一个，代码贴给你吧，就跟QQ的那个差不多的，具体的你在调调吧
<?xml version="1.0"?>
<!-- Simple example to demonstrate the Move effect. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()" horizontalScrollPolicy="off" verticalScrollPolicy="off">

<mx:Script>
<![CDATA[

import mx.controls.Alert;

private function init():void{
panel.x=canvas.width+(panel.width);//初始默认将百分之九十的图片隐藏起来。通过y轴的福坐标来设置
img.x=canvas.width-img.width;
}

//当鼠标覆盖的时候 将图片显示出来
private function moveMOverImage():void {
/////////////优化///////////
if(myMove.isPlaying)
myMove.stop();
///////////////////////////
myMove.xTo=canvas.width-panel.width;
myMove.play();
img.visible=false;
}

//鼠标移开的时候在将图片重新隐藏
private function moveMOutImage():void {
/////////////优化///////////
if(myMove.isPlaying)
myMove.stop();
///////////////////////////
myMove.xTo=canvas.width+panel.width;
img.visible=true;
myMove.play();
}

private function showPanel():void
{
moveMOverImage();
}
]]>
</mx:Script>

<mx:Move id="myMove" target="{panel}" duration="200" />

<mx:Panel title="Move Effect Example" width="100%" height="100%"
paddingRight="10" horizontalScrollPolicy="off" verticalScrollPolicy="off">

<mx:Canvas id="canvas" width="100%" height="100%" horizontalScrollPolicy="off" verticalScrollPolicy="off">
<mx:Image id="img" source="@Embed(source='beijing.png')" click="showPanel()" height="452"/>
<mx:Panel id="panel" width="250" height="400" title="XXXXX" layout="absolute" backgroundColor="green" mouseOut="moveMOutImage();">

</mx:Panel>

</mx:Canvas>

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

Answer 2

使用EFFECT，FLEX默认是有不少效果的，如果你觉得不够，可以使用开源的EFFECT包。具体EFFECT使用可以看下这篇文章：http://blog.csdn.net/shjte/article/details/5761182