flex4 mxml使用gsap实现鼠标点击一次就多一个随机移动的小球

要实现这个功能，你需要先安装 GSAP 库，然后在 MXML 文件中使用 ActionScript 代码来创建小球和实现动画效果。以下是一些示例代码，你可以参考一下：

首先，在 HTML 文件中引入 GSAP 库：

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/gsap.min.js"></script>

然后，在 MXML 文件中创建一个容器来放置小球：

<s:Group id="ballContainer" />

接着，在 ActionScript 代码中定义一个函数来创建小球和实现动画效果：

import com.greensock.TweenMax;
import flash.events.MouseEvent;
import mx.core.UIComponent;
import spark.core.SpriteVisualElement;

private function addBall():void {
    // 创建一个随机颜色的小球
    var ball:SpriteVisualElement = new SpriteVisualElement();
    ball.graphics.beginFill(Math.random() * 0xFFFFFF);
    ball.graphics.drawCircle(0, 0, 20);
    ball.graphics.endFill();
    ball.x = mouseX;
    ball.y = mouseY;
    ballContainer.addElement(ball);
    
    // 给小球添加点击事件
    ball.addEventListener(MouseEvent.CLICK, function(event:MouseEvent):void {
        // 随机生成小球的目标位置
        var targetX:Number = Math.random() * stage.stageWidth;
        var targetY:Number = Math.random() * stage.stageHeight;
        
        // 使用 TweenMax 实现动画效果
        TweenMax.to(ball, 1, {x: targetX, y: targetY});
    });
}

最后，在 MXML 文件中添加一个鼠标点击事件监听器，调用上面定义的函数：

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               creationComplete="init()">
    
    <fx:Script>
        <![CDATA[
            private function init():void {
                stage.addEventListener(MouseEvent.CLICK, addBall);
            }
        ]]>
    </fx:Script>
    
    <s:Group id="ballContainer" />
</s:Application>

这样，每次你在舞台上点击鼠标，就会创建一个随机颜色的小球，并且给它添加一个点击事件监听器。当你点击小球时，它会随机移动到舞台上的另一个位置。