flex_圆球滚动动画代码；

效果：圆红球在浏览器窗体内来回弹动；

=>App.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  xmlns:s="library://ns.adobe.com/flex/spark"
  xmlns:mx="library://ns.adobe.com/flex/mx"
  xmlns:aspackage="aspackage.*"
  minWidth="955" minHeight="600" pageTitle="TheStudioOfCenyebao">
<s:layout>
<s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
</s:layout>

<fx:Script>
<![CDATA[

]]>
</fx:Script>


<fx:Declarations>
<!-- 非可视元素  -->
</fx:Declarations>


<s:VGroup width="100%" height="100%">
<aspackage:MyComponent id="myComponent"/>
</s:VGroup>
</s:Application>

=>MyComponent.as

package aspackage
{


import flash.display.DisplayObject;
import flash.display.Sprite;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.events.TimerEvent;
import flash.utils.Timer;

import mx.core.UIComponent;


public class MyComponent extends UIComponent
{


/**
* 属性*/
/*圆*/
private var circle:Sprite;
/*是否已经单击*/
private var hasClick:Boolean=false;
/*初始宽度*/
private var initWidth:Number;
/*初始高度*/
private var initHeight:Number;
/*左边*/
private var leftClick:Boolean=true;
/*上边*/
private var topClick:Boolean=false;
/*右边*/
private var rightClick:Boolean=false;
/*下边*/
private var bottomClick:Boolean=false;
/*逆时针*/
private var shunShiZhen:Boolean=false;
/*顺时针*/
private var niShiZhen:Boolean=false;
/*计时器*/
private var timer:Timer;
/*alpha值*/
private var alphaValue:int = 5;



/**
* 构造函数
*/
public function MyComponent()
{
/**
* 绘制圆*/
circle=new Sprite();
circle.graphics.beginFill(0x990000);
circle.graphics.drawCircle(50, 50, 50);
circle.graphics.endFill();
circle.useHandCursor=true;
circle.buttonMode=true;
this.addChild(circle);


/*圆_侦听单击事件*/
circle.addEventListener(MouseEvent.CLICK, startAnimationFn);

timer = new Timer(50, 6);
timer.addEventListener(TimerEvent.TIMER, onTimerHandler);
}

/**
* 计时函数
* @param event
*/
private function onTimerHandler(event:TimerEvent):void
{
circle.alpha = alphaValue/10;
if(alphaValue>=10) {
alphaValue = 5;
}else {
alphaValue++;
}
}


/**
* 开始产生动画效果；
* @param event
*/
private function startAnimationFn(event:MouseEvent):void
{
initWidth=circle.stage.width - circle.width;
initHeight=circle.stage.height - circle.height;
trace("=>舞台宽高_" + circle.stage.width + "_" + circle.stage.height);


if (!hasClick)
{
circle.addEventListener(Event.ENTER_FRAME, fadeCircleFn);
hasClick=true;
}
}


/**
* 圆动画效果
* @param event
* About_When this animation starts, this function is called every frame(每帧).
* The change made by this function (updated to the screen every frame) is what causes the animation to occur.
*/
private function fadeCircleFn(event:Event):void
{
/**
* 左边*/
if(circle.x <= 0) {
leftClick = true;
topClick = false;
rightClick = false;
bottomClick = false;

circle.alpha = 0.5;
if(timer.running) {
timer.reset();
}
timer.start();
}
if (leftClick)
{ // 左边；

if(leftClick && shunShiZhen) {
circle.x += 5;
circle.y -= 2;
}else if(leftClick) {
circle.x += 5;
circle.y += 2;
}

hasReset(circle);
}


if(circle.y <= 0) {
leftClick = false;
topClick = true;
rightClick = false;
bottomClick = false;

circle.alpha = 0.5;
if(timer.running) {
timer.reset();
}
timer.start();
}
if (topClick)
{ // 上边；
if(shunShiZhen) {
circle.x += 3;
circle.y += 4;
}else if(niShiZhen) {
circle.x -= 3;
circle.y += 4;
}

hasReset(circle);
}


/**
* 右边*/
if(circle.x >= initWidth) {
if(leftClick) {
shunShiZhen = true;
}

leftClick = false;
topClick = false;
rightClick = true;
bottomClick = false;

circle.alpha = 0.5;
if(timer.running) {
timer.reset();
}
timer.start();
}
if (rightClick)
{ // 右边；
if(shunShiZhen) {//顺时针；
circle.x -= 5;
circle.y += 3;
}else if(niShiZhen) {
circle.x -= 5;
circle.y -= 3;
}

hasReset(circle);
}


if(circle.y >= initHeight) {
if(leftClick) {// 逆时针；
niShiZhen = true;
}

leftClick = false;
topClick = false;
rightClick = false;
bottomClick = true;

circle.alpha = 0.5;
if(timer.running) {
timer.reset();
}
timer.start();
}
if (bottomClick)
{ // 下边；
if(shunShiZhen){
circle.x -= 4;
circle.y -= 3;
}else if(niShiZhen) {
circle.x += 4;
circle.y -= 3;
}

hasReset(circle);
}
}

/**
* 判断是否需要重新设置显示对象的坐标；
* @param obj
*/
private function hasReset(obj:DisplayObject):void
{
// if((circle.x == 0 && circle.y == initHeight) || 
// (circle.x == initWidth && circle.y == 0) || (circle.x == initWidth && circle.y == initHeight)) {
// circle.x = 0;
// circle.y = 0;
// }

if((obj.x == 0 && obj.y == initHeight) || 
(obj.x == initWidth && obj.y == 0) || (obj.x == initWidth && obj.y == initHeight)) {
obj.x = 0;
obj.y = 0;
}
}
}
}

<!--完美版本-->

=>MyComponent .as

package aspackage
{


import flash.display.DisplayObject;
import flash.display.Sprite;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.events.TimerEvent;
import flash.utils.Timer;

import mx.core.UIComponent;


public class MyComponent extends UIComponent
{


/**
* 属性*/
/*圆*/
private var circle:Sprite;
/*是否已经单击*/
private var hasClick:Boolean=false;
/*初始宽度*/
private var initWidth:Number;
/*初始高度*/
private var initHeight:Number;
/*左边*/
private var leftClick:Boolean=true;
/*上边*/
private var topClick:Boolean=false;
/*右边*/
private var rightClick:Boolean=false;
/*下边*/
private var bottomClick:Boolean=false;
/*计时器*/
private var timer:Timer;
/*alpha值*/
private var alphaValue:int=5;
/*原接触点坐标*/
private var oldX:Number=0;
private var oldY:Number=0;
/*左出*/
private var leftLeave:Boolean=false;
/*右出*/
private var rightLeave:Boolean=false;
/*x增量*/
private var incrementX:Number = 0;
/*y增量*/
private var incrementY:Number = 0;




/**
* 构造函数
*/
public function MyComponent()
{
/**
* 绘制圆*/
circle=new Sprite();
circle.graphics.beginFill(0x990000);
circle.graphics.drawCircle(50, 50, 50);
circle.graphics.endFill();
circle.useHandCursor=true;
circle.buttonMode=true;
this.addChild(circle);


/*圆_侦听单击事件*/
circle.addEventListener(MouseEvent.CLICK, startAnimationFn);


timer=new Timer(50, 5);
timer.addEventListener(TimerEvent.TIMER, onTimerHandler);
}


/**
* 计时函数
* @param event
*/
private function onTimerHandler(event:TimerEvent):void
{
alphaValue++;
circle.alpha=alphaValue / 10;
if (alphaValue >= 10)
{
alphaValue=5;
}
}


/**
* 开始产生动画效果；
* @param event
*/
private function startAnimationFn(event:MouseEvent):void
{
initWidth=circle.stage.width - circle.width;
initHeight=circle.stage.height - circle.height;
trace("=>舞台宽高_" + circle.stage.width + "_" + circle.stage.height);

incrementX = Math.round(Math.random()*10);
incrementY = Math.round(Math.random()*10);
trace("=>incrementX_"+incrementX+"; incrementY_"+incrementY);

if(timer.running) {
timer.reset();
}


if (!hasClick)
{
circle.addEventListener(Event.ENTER_FRAME, fadeCircleFn);
hasClick=true;
}
}


/**
* 圆动画效果
* @param event
* About_When this animation starts, this function is called every frame(每帧).
* The change made by this function (updated to the screen every frame) is what causes the animation to occur.
*/
private function fadeCircleFn(event:Event):void
{
/**
* 左边*/
if (circle.x <= 0)
{
startTimer();

if (circle.y < oldY)
{ //左出，既向上滚动；
leftLeave=true;
rightLeave=false;
}
else if (circle.y >= oldY)
{
leftLeave=false;
rightLeave=true;
}


/**
* 存储当前接触点坐标*/
oldX=circle.x;
oldY=circle.y;


leftClick=true;
topClick=false;
rightClick=false;
bottomClick=false;
}
if (leftClick)
{
if (leftLeave)
{
circle.x+=incrementX;
circle.y-=incrementY;
}
else if (rightLeave)
{
circle.x+=incrementX;
circle.y+=incrementY;
}
}


/**
* 右边*/
if (circle.x >= initWidth)
{
startTimer();

if (circle.y >= oldY)
{ // 左出，既向下滚动；
leftLeave=true;
rightLeave=false;
}
else if (circle.y < oldY)
{
leftLeave=false;
rightLeave=true;
}


/**
* 存储当前接触点坐标*/
oldX=circle.x;
oldY=circle.y;


leftClick=false;
topClick=false;
rightClick=true;
bottomClick=false;
}
if (rightClick)
{
if (leftLeave)
{
circle.x-=incrementX;
circle.y+=incrementY;
}
else if (rightLeave)
{
circle.x-=incrementX;
circle.y-=incrementY;
}
}


/**
* 下边*/
if (circle.y >= initHeight)
{
startTimer();

if (circle.x >= oldX)
{
leftLeave=false;
rightLeave=true;
}
else if (circle.x < oldX)
{ // 左出，既向左滚动；
leftLeave=true;
rightLeave=false;
}


/**
* 存储当前接触点坐标*/
oldX=circle.x;
oldY=circle.y;


leftClick=false;
topClick=false;
rightClick=false;
bottomClick=true;
}
if (bottomClick)
{
if (leftLeave)
{
circle.x-=incrementX;
circle.y-=incrementY;
}
else if (rightLeave)
{
circle.x+=incrementX;
circle.y-=incrementY;
}
}


/**
* 上边*/
if (circle.y <= 0)
{
startTimer();

if (circle.x >= oldX)
{ // 左出，既向右滚动；
leftLeave=true;
rightLeave=false;
}
else if (circle.x <= oldX)
{
leftLeave=false;
rightLeave=true;
}


/**
* 存储当前接触点坐标*/
oldX=circle.x;
oldY=circle.y;


leftClick=false;
topClick=true;
rightClick=false;
bottomClick=false;
}
if (topClick)
{
if(leftLeave) {
circle.x+=incrementX;
circle.y+=incrementY;
}else if(rightLeave) {
circle.x-=incrementX;
circle.y+=incrementY;
}
}
}


/**
* 开始计时
*/
private function startTimer():void
{
circle.alpha=0.5;
if (timer.running)
{
timer.reset();
}
timer.start();
}


/**
* 判断是否需要重新设置显示对象的坐标；
* @param obj
*/
private function hasReset(obj:DisplayObject):void
{
// if((circle.x == 0 && circle.y == initHeight) || 
// (circle.x == initWidth && circle.y == 0) || (circle.x == initWidth && circle.y == initHeight)) {
// circle.x = 0;
// circle.y = 0;
// }


if ((obj.x == 0 && obj.y == initHeight) || (obj.x == initWidth && obj.y == 0) || (obj.x == initWidth && obj.y == initHeight))
{
obj.x=0;
obj.y=0;
}
}
}
}