如何創建隨機搖晃的圖像

Question

我想在 Appcelerator TItanium 中的 imageView 中制作抖動圖像

我想做的是隨機更改 imageView 的頂部 position 和左側 position，就像搖晃的圖像一樣。

OriginalImageLeft = image.left;
OriginalImageTop = image.top;

if (Math.random() > 0.5){
    value = -1;
} else {
    value = 1;
} 

var viewAnimate = Ti.UI.createAnimation({
    duration: 2000,
    repeat:100,
    left: OriginalImageLeft + (Math.random() * 20 * value),
    top: OriginalImageTop + (Math.random() * 20 * value),
});

image.animate(viewAnimate)

但是代碼不起作用，它只計算 MathRandom() function 一次，所以搖晃不起作用。

任何的想法？

Answer 1

創建一個 function 來計算 position + 執行一次 animation。 然后使用 animation complete事件再次調用 function，這樣它將計算一個新的 position + 再次運行 animation。 如果你想停止它，就不要再次調用函數（例如，在 function 調用周圍添加一個計數器/if-case）。

簡短信息為什么您的代碼不起作用：
OriginalImageLeft + (Math.random() * 20 * value)部分發送到本地路徑一次。 因此它將執行 JS 中的 Math.random() 部分並將該數字發送到本機 App。 實際的repeat部分是用計算出的數字執行的。