Sencha Touch 2 - 将面板动画添加到 HBox答案

【问题标题】：Sencha Touch 2 - adding Panel animated to an HBoxSencha Touch 2 - 将面板动画添加到 HBox
【发布时间】：2012-11-22 22:53:10
【问题描述】：

我有一个 Container（布局是 HBox）并且想要动态滑入它左侧的面板（面板不应使用全屏宽度，但例如它的 1/3）。

我无法让它工作。

这是我尝试过的：

Ext.define('MegatheriumProject.view.MainContainer', {
    extend: 'Ext.Container',
    alias: 'widget.maincontainerview',
    requires: ['Ext.Container', 'Ext.TitleBar'],


    config: {
            layout: {
                    type: 'hbox',
                    animation: {
                            type: 'slide', 
                            direction: 'right'
                    }
            },
            items: [
                    {
                            flex: 3,
                            xtype: 'titlebar',
                            title: 'Megatherium',
                            docked: 'top',
                            items: [
                                    // some items
                            ]
                    }
            ],
            // some other configuration, listeners aso

这是我的 NavigationPanel，应该滑入容器中：

Ext.define('MegatheriumProject.view.NavigationPanel', {
    extend: 'Ext.form.Panel',
    alias: 'widget.navigationpanelview',
    requires: ['Ext.form.Panel'],

    config: {
        flex: 1,
        // some other config

这是我尝试添加它的方法：

showNavigation: function() {
    this.getMainContainerView().add(this.getNavigationPanelView());
},

...但事实证明它出现但没有动画并且不使用flex。

有什么帮助吗？

最好的问候，

马丁

【问题讨论】：

仅供参考，Ext JS 和 Sencha Touch 是不同的产品。

标签： sencha-touch-2 hbox

【解决方案1】：

这是一种方法：

http://www.senchafiddle.com/#Qh35F

希望这有帮助

【讨论】：

【解决方案2】：

感谢 TDeBailleul，它以这种方式工作，但不是我想要的；）。

我希望标题栏也有动画和滚动。

wnielson 的 navigation sidebar 为我做了这件事 :)。

【讨论】：