Sencha Touch中的 Viewport

在Sencha Touch中，Viewport組件是單例的。也就是說，在你的應用程序中，只有一個Viewport。在程序運行後，Viewport組件會自動被建立。你能夠直接用Ext.Viewport.add()來把其它組件添加到主界面中。固然，還有一種方式，它隱式地等同於Viewport組件的add方法。那就是組件的fullscreen屬性。例如，我建立一個TabPanel組件：

<!-- lang: js -->
    Ext.create('Ext.TabPanel', {
    fullscreen: true,
    tabBarPosition: 'bottom',

    defaults: {
        styleHtmlContent: true
    },

    items: [
        {
            title: 'Home',
            iconCls: 'home',
            html: 'Home Screen'
        },
        {
            title: 'Contact',
            iconCls: 'user',
            html: 'Contact Screen'
        }
    ]
});

這裏的fullscreen:true也會自動TabPanel組件添加到Viewport中。