TitaniumでのGIF画像を使うには、パラパラ漫画っぽく動かすようにする。
app/views/index.xml
<Alloy>
<Window class="container">
<ImageView id="image">
<View onClick="button"></View>
</ImageView>
</Window>
</Alloy>
app/controllers/index.js
var button;
button = function(e) {
var i, images, _i;
$.image.image = '/images/image-1.png';
images = [];
for (i = _i = 1; _i <= 5; i = ++_i) {
images.push("/images/image-" + i + ".png");
}
$.image.images = images;
$.image.duration = 5;
$.image.repeatCount = 1;
$.image.start();
return
};
動画を配置するだけじゃなくて、ちゃんと.start()
をつけないと動かない。