image - 如何在mobile flex中的视图屏幕上随机移动图像？

Question

我必须创建一个带有选项卡式导航器视图的移动 flex 应用程序。其中一个视图必须满足这个条件：当视图被选中时，一个图像会出现一秒，然后消失半秒，然后在视图屏幕上的任意位置重新出现。这将重复，直到选择另一个视图。

我是 Mobile Flex 的新手，需要您的帮助。

提前谢谢你。

最好的问候， HBLE

Answer 1

1. 使用 enterFrame 事件或 Timer 隐藏/显示图像。
2. 设置图像 x 和 y 属性以在特定位置显示图像
3. 使用 Math.random() 生成区间 [0,1] 内的随机数

Important: When tab is active call init(); 切换到其他选项卡时，不要忘记停止计时器并删除事件侦听器。（出于性能原因和避免内存泄漏）

示例代码：

var isVisible:Boolean = false;

function init():void
{
   // we show / hide with a delay of 1 second
   var t:timer = new Timer(1000);
   t.addEventListener(TimerEvent.Timer, onTimer);
   t.start();
}

function onTimer(event:TimerEvent):void
{
   if(isVisible)
   {
       hideImage();
   }
   else
   {
       showAndMoveImage();
   }

   isVisible = !isVisible;
}

function hideImage():void
{
    myImage.visible = false;
}


function showAndMoveImage():void
{
    // we reposition image in screen, assume image size is smaller then screen
    myImage.x  = Math.random() * (stage.width - myImage.width);
    myImage.y  = Math.random() * (stage.height - myImage.height);

    myImage.visible = true;
}