设置动画查看变化 - Sencha Touch

Question

我有这个代码：

backFromPlayers: function(button, e, eOpts) {
    var Dashboard = Ext.create('HTMS.view.Dashboard');
    Ext.Viewport.setActiveItem(Dashboard);
},

如您所见，我首先创建名为 "Dashboard" 的视图，然后将其设置为活动视图。 问题是，我不明白如何将动画设置为 setActiveItem 方法。 我可以将动画设置为默认视图，例如：

Ext.define('HTMS.view.Dashboard', {
extend: 'Ext.Container',
alias: 'widget.dashboard',

requires: [
    'Ext.TitleBar',
    'Ext.Button'
],

config: {
    style: 'background: #fff;',
    scrollable: true,
    showAnimation: {
        type: 'slide',
        direction: 'left'
    },
// Rest code

但是我需要根据调用 "Dashboard" 视图的地方改变方向。

Answer 1

可以用setAnimation修改方向，试试

backFromPlayers: function(button, e, eOpts) {
    var Dashboard = Ext.create('HTMS.view.Dashboard');
    var direction = 'right'; //[or] left;
    Ext.Viewport.getLayout().setAnimation({type: 'slide', direction: direction});
    Ext.Viewport.setActiveItem(Dashboard);
}