Appcelerator視圖隱藏動畫

Question

我想在一個模塊中集成動畫，當單擊解除按鈕時，整個pendingTasksBar視圖的高度變爲0dp，但延伸到300ms。這是我到目前爲止所嘗試過的。有人可以幫我在這裏嗎？

function hidePendingTasksBar(){ 
    log.trace("[tasks] >> [hidePendingTasksBar]"); 

    var animationObj = Ti.UI.createAnimation({ 
     height : "0dp", 
     duration : 300 
    }); 
    $.pendingTasksBar.animate(animationObj); 
    //.pendingTasksBar.height = "0dp"; 
} 

Answer 1

高度屬性必須是數字，並且您正在使用字符串。我認爲這是問題。嘗試使用0而不是「0dp」。

http://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.Animation-property-height

Answer 2

設置高度，以0作爲數字應該工作。如果它不起作用，那麼您可以安全地使用矩陣變換來降低高度或將其再次增加到相同高度，如下所示：

var matrix = Ti.UI.create2DMatrix(); 
matrix = matrix.scale(1, 0); 

// to decrease height 
$.pendingTasksBar.animate({ 
    duration : 300, 
    transform : matrix 
}); 


// to reset height 
$.pendingTasksBar.animate({ 
    duration : 300, 
    transform : Ti.UI.create2DMatrix() // use empty matrix & it will reset original matrix or UI. 
});