Vue Appcelerator masquant l'animation

Question

J'essaie d'intégrer l'animation dans un module où, lorsque le bouton de rejet est cliqué, toute la hauteur de la vue pendingTasksBar passe à 0dp mais sur une longueur de 300ms. C'est ce que j'ai essayé jusqu'ici. Quelqu'un peut-il m'aider s'il vous plaît ici?

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

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

Answer 1

La propriété height doit être un nombre et vous utilisez une chaîne. Je pense que c'est le problème. Essayez d'utiliser 0 au lieu de "0dp".

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

Answer 2

Réglage de la hauteur à 0 comme nombre devrait fonctionner. Et si cela ne fonctionne pas, alors vous pouvez utiliser en toute sécurité la transformation matricielle pour réduire la hauteur ou pour l'augmenter à la même hauteur comme ci-dessous:

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. 
});