Question

我有一个窗口和一个视图，此视图覆盖了屏幕的76％。

var win = Ti.UI.createWindow({
    backgroundColor: 'white',
    navBarHidden: true,
});

var view = Ti.UI.createView({
    backgroundColor:backgroundColor , 
    width:'76%',right:0,left:'24%',
    height:'100%'
});

win.addEventListener('click',function(e){
    win.add(view);
});

我想要做的是从屏幕的右侧滑动滑动视图。我该怎么做呢？我想我应该使用animate方法虽然,,,, 有没有人有样品来源？

Answer 1

要为某些内容制作动画，您确实需要使用animate方法。以下是您的示例：

var view = Ti.UI.createView({
    backgroundColor:'yellow',
    width:'76%',
    right:-Ti.Platform.displayCaps.getPlatformWidth(),
    onScreen:false
});
win.tiview.add(view);

win.tiview.addEventListener('click',function(e){
    var viewShowAnimation = Ti.UI.createAnimation({
       duration:250,
       right:0
    });
    var viewHideAnimation = Ti.UI.createAnimation({
       duration:250,
       right:-Ti.Platform.displayCaps.getPlatformWidth()
    });
    if(view.onScreen){
       view.animate(viewShowAnimation);
    }else{
       view.animate(viewHideAnimation);
    }
    view.onScreen = !view.onScreen;
});

如何制作钛合金的幻灯片动画

1 个答案: