Question

我是appcelerator.titanium的新手。我从今天开始开始开发。

我的问题是，我希望在我的某个视图上点击按钮时显示页面卷曲过渡效果。

我使用以下代码执行此操作。但应用程序崩溃了。我在SO和钛文档中搜索了很多。但无法找到解决方案。

//This function returns a window

function ApplicationWindow()
{
    //load component dependencies
    var FirstView = require('ui/common/FirstView');

    //create component instance
    var self = Ti.UI.createWindow({
        backgroundColor:'#ffffff'
    });

    //construct UI
    var firstView = new FirstView();
    self.add(firstView);

    //Adding button for displaying view 2
    var button1 = Ti.UI.createButton({
        height  : '50',
        width   : '50%',
        top     : '70%',
        title : 'Add Child'
    });

    //Adding event listner for button
    button1.addEventListener('click',function(e){
        var view = createView();
        win.add(view);
    });
    self.add(button1);

    //creating second view
    function createView()
    {
        var view = Ti.UI.createView({
            backgroundColor : '#aabbcc'
        });

            //creating button for view 2
        var button2 = Ti.UI.createButton({
        height  : '50',
        width   : '50%',
        top     : '70%',
        title   : 'Show Curl'
    });

    //Adding event listner for button
    button2.addEventListener('click',function(e)
    {
            //creating animation
        var animation = Titanium.UI.createAnimation({
        transition :  Ti.UI.iPhone.AnimationStyle.CURL_UP
            });
        animation.backgroundColor = 'black';
        animation.duration = 1000;
        var animationHandler = function() {
             animation.removeEventListener('complete',animationHandler);
             animation.backgroundColor = 'orange';
             view.animate(animation);
        };
        animation.delay = 5000
        animation.addEventListener('complete',animationHandler);
        view.animate(animation);
     });

     view.add(button2);
     return view;
    }
    return self;
}

//creating window and opening
var win = ApplicationWindow();
win.open();

提前致谢

Answer 1

请改用此模块：http://support.appcelerator.com/kb/119/tickets

这一切都是为你完成的..

添加页面卷曲动画以在Appcelerator.Titanium上点击按钮时查看

1 个答案: