【问题标题】:Android window - view animationAndroid窗口-查看动画
【发布时间】:2013-09-24 09:50:59
【问题描述】:

您好,我是钛工作室的新手,我正在阅读 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();

这是我从他们的文档中尝试过的其他 sn-ps 之一 - 论坛无法正常工作。 有人可以为我提供一些适用于 android 窗口或视图动画的工作示例或参考。或者指出我做错了什么。提前谢谢你。

【问题讨论】:

    标签: javascript android titanium appcelerator


    【解决方案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

    【讨论】:

    • 你救了我伙计谢谢你我不知道它这么简单,我在搜索时也没有看到你的第二个链接。非常感谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-03-05
    • 1970-01-01
    • 1970-01-01
    • 2023-03-05
    • 2011-06-28
    相关资源
    最近更新 更多