Android窗口 - 查看动画

时间:2013-09-24 09:50:59

标签: javascript android titanium appcelerator

您好我是钛工作室的新手我现在正在阅读文档2天并试图制作一个简单的幻灯片动画甚至任何类型的动画,除了打开一个模态窗口。但是我无法使它发挥作用。这就是我现在正在尝试但却失败的原因:

var slide_it_left = Titanium.UI.createAnimation();
    slide_it_left.left = 500; 
    slide_it_left.duration = 500;

var mainWinOpts = {
    backgroundColor:'#fff',
    fullscreen:true,
    navBarHidden: true
}

var animWinOpts = {
    navBarHidden: true,
    backgroundColor:'#000',
    top:0,
    left:0,
    width: Ti.Platform.displayCaps.platformWidth,
    height: Ti.Platform.displayCaps.platformHeight,
    fullscreen:false,
    animated:true       
}

var mainWin = Ti.UI.createWindow(mainWinOpts);
var animWin = Ti.UI.createWindow(animWinOpts); 

var labelOpts = {
    text: 'click me!',
    textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER,
    font: {
        fontFamily: 'monospace',
        fontSize: 24
    },
    borderWidth: 1,
    color: '#2e2e2e',
    borderColor: '#2e2e2e',
    backgroundColor: '#dedede',
    top: 50,
    left: 50,
    width: Ti.Platform.displayCaps.platformWidth,
    height: Ti.Platform.displayCaps.platformHeight,
    opacity: 1.00,
    width: Ti.UI.SIZE, 
    height: Ti.UI.SIZE
};

var label = Ti.UI.createLabel(labelOpts);

label.addEventListener('click',function(){
    animWin.open(slide_it_left);
})

mainWin.add(label);
mainWin.open();

我在他们的文档中试过的其他片段 - 论坛不起作用。 有人可以提供一些工作样本或Android窗口或视图动画的参考。或者指出我做错了什么。提前谢谢。

1 个答案:

答案 0 :(得分:1)

请尝试将您的代码更改为以下内容:

label.addEventListener('click',function(){
    animWin.open();
    animWin.animate(slide_it_left);
});

您不能将动画对象用作open()的参数。 看看有效的参数here

此外,文档提供了在Android窗口中滑动的示例,这很可能是您要实现的目标:

var win2 = Ti.UI.createWindow({fullscreen:false});
win2.open({
    activityEnterAnimation: Ti.Android.R.anim.slide_in_left,
    activityExitAnimation: Ti.Android.R.anim.slide_out_right
});

您可以找到Android平台here的动画。