zoukankan      html  css  js  c++  java
  • Apple Application Bar

    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                    creationComplete="init()"
                    verticalScrollPolicy="off"
                    horizontalScrollPolicy="off"
                    verticalAlign="bottom"
                    width="100%"
                    height="100%"
                    layout="horizontal">

        <mx:Script>
            <![CDATA[
                import mx.controls.Image;
                import mx.controls.Alert;

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

                public static const ORGINSIZE:int=40;
                public static const CROSSSIZE:int=110;
                public static const TWICENUM:Number=3.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));
                    imageArray.push(getImageObj(image8));

                    timer=new Timer(5, 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;

                    //Alert.show(img.x.toString());

                    var imageY:Number=this.height;

                    //Alert.show(imageY.toString()+"--y"); 626

                    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;
                        }
                    }
                }
            ]]>
        </mx:Script>

        <!--mx:HBox width="100%"
                 autoLayout="true"
                 borderColor="#136CAB"
                 themeColor="#009DFF"
                 backgroundColor="#879BA9"
                 backgroundAlpha="0.69"
                 fontSize="12"
                 horizontalAlign="center"-->

            <mx:Image x="30"
                      y="60"
                      id="image1"
                      toolTip="After Effects CS5"
                      source="@Embed(source='assets/icons/After Effects CS5.png')"
                      width="{ORGINSIZE}"
                      height="{ORGINSIZE}"
                      click="Alert.show('After Effects CS5')"/>
            <mx:Image x="30"
                      y="90"
                      id="image2"
                      toolTip="Bridge CS5"
                      source="@Embed(source='assets/icons/Bridge CS5.png')"
                      width="{ORGINSIZE}"
                      height="{ORGINSIZE}"
                      click="Alert.show('Bridge CS5')"/>
            <mx:Image x="30"
                      y="120"
                      id="image3"
                      toolTip="Dreamweaver CS5"
                      source="@Embed(source='assets/icons/Dreamweaver CS5.png')"
                      width="{ORGINSIZE}"
                      height="{ORGINSIZE}"
                      click="Alert.show('Dreamweaver CS5')"/>
            <mx:Image x="30"
                      y="150"
                      id="image4"
                      toolTip="Fireworks CS5"
                      source="@Embed(source='assets/icons/Fireworks CS5.png')"
                      width="{ORGINSIZE}"
                      height="{ORGINSIZE}"
                      click="Alert.show('Fireworks CS5')"/>
            <mx:Image x="30"
                      y="180"
                      id="image5"
                      toolTip="Flash CS5"
                      source="@Embed(source='assets/icons/Flash CS5.png')"
                      width="{ORGINSIZE}"
                      height="{ORGINSIZE}"
                      click="Alert.show('Flash CS5')"/>
            <mx:Image x="30"
                      y="210"
                      id="image6"
                      toolTip="Flash Player"
                      source="@Embed(source='assets/icons/Flash Player.png')"
                      width="{ORGINSIZE}"
                      height="{ORGINSIZE}"
                      click="Alert.show('Flash Player')"/>
            <mx:Image x="30"
                      y="240"
                      id="image7"
                      toolTip="Illustrator CS5"
                      source="@Embed(source='assets/icons/Illustrator CS5.png')"
                      width="{ORGINSIZE}"
                      height="{ORGINSIZE}"
                      click="Alert.show('llustrator CS5')"/>
            <mx:Image x="30"
                      y="240"
                      id="image8"
                      toolTip="Flex CS5"
                      source="@Embed(source='assets/icons/Flex CS5.png')"
                      width="{ORGINSIZE}"
                      height="{ORGINSIZE}"
                      click="Alert.show('Flex CS5')"/>

        <!--/mx:HBox-->
    </mx:Application>
  • 相关阅读:
    Open_basedir 开启后项目变慢
    PHP导入百万级excel数据方案
    使用Python统计项目代码行数(Python3.X)
    AttributeError: '_io.TextIOWrapper' object has no attribute 'xreadlines'
    startTime = time.clock()AttributeError: module 'time' has no attribute 'clock
    SyntaxError: Missing parentheses in call to 'print'. Did you mean print
    误删 Win10 应用商店应该如何恢复?
    win10无法开启Windows Defender Firewall服务,错误1058
    设备管理器里面的AAP Server是什么?
    layui——Cannot create property 'LAY_TABLE_INDEX' on number '2'
  • 原文地址:https://www.cnblogs.com/dzone/p/1988772.html
Copyright © 2011-2022 走看看