FLEX4导航菜单_仿苹果导航菜单

"1.0" encoding="utf-8"?>
""
    creationComplete="init();"
    verticalScrollPolicy="off"
    verticalGap="100"
    horizontalScrollPolicy="off"
    verticalAlign="bottom"
    width="600"
    height="200"
    layout="horizontal">


                import mx.controls.Image;
                import mx.controls.Alert;

                public var imageArray:Array;
                public var timer:Timer;

                public static const ORGINSIZE:int = 60;
                public static const CROSSSIZE:int = 80;
                public static const TWICENUM:Number = 2.5;
                public static const OFFSETY:int = 0;
                public static const OFFSETX:int = 0;

                private function init():void{
                    imageArray = new Array();
                    imageArray.push(getImageObj(image1));
                    imageArray.push(getImageObj(image2));
                    imageArray.push(getImageObj(image3));
                    imageArray.push(getImageObj(image4));
                    imageArray.push(getImageObj(image5));
                    imageArray.push(getImageObj(image6));
                    imageArray.push(getImageObj(image7));

                    timer = new Timer(50, 0);
                    timer.addEventListener(TimerEvent.TIMER, modifyImage);
                    timer.start();
                }

                private function getImageObj(img:Image):Object{
                    var obj:Object = new Object();
                    var imageX:Number = img.x + img.width/2;
                    var imageY:Number = this.height;
                    obj.image = img;
                    obj.orgX = imageX;
                    obj.orgY = imageY;
                    return obj;
                }

                private function modifyImage(event:TimerEvent):void{
                    for(var i:String in imageArray){
                        var _image:Image = imageArray[i].image;

                        var _mouseY:Number = stage.mouseY - OFFSETY;
                        var _mouseX:Number = stage.mouseX - OFFSETX;

                        if(_mouseY < imageArray[i].orgY && (imageArray[i].orgY - _mouseY) < _image.height * TWICENUM){
                            var percentX:Number = 0;
                            var percentY:Number = 0;
                            var percentXY:Number = 0;
                            if(_mouseX < imageArray[i].orgX && (imageArray[i].orgX - _mouseX) < _image.width * TWICENUM){
                                percentX = 1 - (imageArray[i].orgX - _mouseX)/(_image.width * TWICENUM)

                            }else if(_mouseX >= imageArray[i].orgX && (_mouseX - imageArray[i].orgX) < _image.width * TWICENUM){
                                percentX = 1 - (_mouseX - imageArray[i].orgX)/(_image.width * TWICENUM)
                            }
                            percentY = 1 - (imageArray[i].orgY - ORGINSIZE/2 - _mouseY)/(_image.height * TWICENUM - ORGINSIZE/2)
                            if(percentY > 1)percentY = 1;
                            percentXY = percentX * percentY;
                            imageArray[i].image.width = CROSSSIZE * percentXY + ORGINSIZE;
                            imageArray[i].image.height = CROSSSIZE * percentXY + ORGINSIZE;
                        }
                    }
                }
            ]]>

        "image1" toolTip="Image1" source="@Embed(source='assets/icons/1.png')"
                            width="{ORGINSIZE}" height="{ORGINSIZE}" click="Alert.show('Click image1')"/>
        "image2" toolTip="Image2" source="@Embed(source='assets/icons/2.png')"
                        width="{ORGINSIZE}" height="{ORGINSIZE}" click="Alert.show('Click image2')"/>
        "image3" toolTip="Image3" source="@Embed(source='assets/icons/3.png')"
                        width="{ORGINSIZE}" height="{ORGINSIZE}" click="Alert.show('Click image3')"/>
        "image4" toolTip="Image4" source="@Embed(source='assets/icons/4.png')"
                        width="{ORGINSIZE}" height="{ORGINSIZE}" click="Alert.show('Click image4')"/>
        "image5" toolTip="Image5" source="@Embed(source='assets/icons/5.png')"
                        width="{ORGINSIZE}" height="{ORGINSIZE}" click="Alert.show('Click image5')"/>
        "image6" toolTip="Image6" source="@Embed(source='assets/icons/6.png')"
                        width="{ORGINSIZE}" height="{ORGINSIZE}" click="Alert.show('Click image6')"/>
        "image7" toolTip="Image7" source="@Embed(source='assets/icons/7.png')"
                        width="{ORGINSIZE}" height="{ORGINSIZE}" click="Alert.show('Click image7')"/>