經過測試，如果直接對Ext.application的mainView介面進行切換，是費力而效果不好。不如換一種思路解決。
首先自定義好程式顯示的一個容器，我們在對這個容器的items進行操作的時候就會便利許多。

1）定義好容器 mainContainer

//MainContainer主要是用來作為程式顯示主容器
Ext.define('Admin.view.main.MainContainer', {
    extend: 'Ext.Container',
    xtype: 'maincontainer',

    fullscreen:true,

    layout:'fit'
 
,

    items:[
        {
            xtype: 'loginmanage'
        }
    ]

});

2）在Ext.application中指定Admin.view.main.MainContainer為mainView。

/**
 * The main application class. An instance of this class is created by app.js when it
 * calls Ext.application(). This is the ideal place to handle application launch and
 * initialization details.
 */
 

Ext.define('Admin.Application', {
    extend: 'Ext.app.Application',

    name: 'Admin',

    //defaultToken : 'dashboard',

    //mainView: 'Admin.view.main.Main',
    mainView: 'Admin.view.main.MainContainer',

    profiles: [
        'Phone',
        'Tablet'
    ],

    stores: [
        'NavigationTree'
 

    ]
});

3）然後我們想要切換當前的介面只需使用以下方式。

   console.log(this.up("maincontainer"))
   var mainContainer = this.up("maincontainer");
   mainContainer.removeAll();
   //此處以新增主介面為例
   mainContainer.add({
        xtype:"main"
   });

實現效果如下：

點選Login後切換到下面介面，這樣就可以輕鬆實現登入介面了！！！！