[Titanium]Window切替えのアニメーション

Titaniumって、画面切替え時のアニメーションでめくるとか回転させるってのはあるんですが、
紙芝居のように移動させるのが無いんですよね。。。

ってことでanimationで実装する必要が出てきます。

var self = Ti.UI.createWindow();
//最初は右にずらして画面からはみ出した状態にしておく
self.left = Ti.Platform.displayCaps.platformWidth;
var animation = Ti.UI.createAnimation();
animation.left = 0;
animation.duration = 500; //0.5秒間のアニメーションにする
self.open(animation);

閉める時は、
var self = Ti.UI.createWindow();
self.left = 0;
var animation = Ti.UI.createAnimation();
//左にずらして画面からはみ出させる
animation.left = -(Ti.Platform.displayCaps.platformWidth);
animation.duration = 500; //0.5秒間のアニメーションにする
self.close(animation);

animation.curveで移動のパターンの設定も出来ますよ。

Follow me!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です