如何在sencha中更改面板的SLIDEIN动画的位置

Question

我有一个自定义面板，现在我添加了要在按钮点击时显示的面板的动画。问题现在是开始＆amp;停止动画的位置。我想设置从哪里开始动画的位置以及结束它的位置。

现在正在这样做

showAnimation: { type: 'slideIn', direction: 'up', duration: 400, easing: 'ease', listeners: { animationend: function(evt, obj) { // my code here } } }

这会显示屏幕底部的弹出窗口，但我不想从屏幕底部一直走到最后。有办法吗？

Answer 1

您可以使用showAnimation而不是Ext.Animator.run。 以下是样本：

Ext.Animator.run({
    element: this.getNavigation().element, // this.getYourViewObject().element
    duration: 500,
    easing: 'ease-in',
    preserveEndState: true,
    from: {
       top: document.body.clientHeight // Max Height i.e Bottom
     },
     to: {
        top: 0 // Height where you want to stop your Slide View
     }
 });

如果你仍然没有得到它，请随时发表评论。我会让你成为一个演示。