如何使用Sencha Touch在屏幕中央倾斜

Question

我正在使用Sencha Touch，目前我正在向视图中添加一些HTML代码并在按钮下方。我希望将HTML代码的内容与按钮放在屏幕中央。

你能建议我怎么做吗？ 谢谢你的时间

Ext.define('Project.view.SettingsSuccess', {
    extend: 'Ext.Panel',
    xtype: 'settingformsuccess',
    config: {
        title: 'Settings',
        iconCls: 'info',
        cls: 'settings-success',
        scrollable: true,
        styleHtmlContent: true,
        items: [
        {
            xtype: 'titlebar',
            docked: 'top',
            title: 'Settings',
            items: [                
            {
                xtype: 'spacer'
            }, 
            {
                text: 'Back',
                ui: 'back'
            }
            ]
        },
        {
            html: [
            '<p>You have successfully authorised.</p>'
            ].join("")
        },
        // Go to Dashboard Button
        {
            xtype:'button',
            text: 'Visit your Home Page',
            ui: 'normal'
        }  
        ]
    }
});

Answer 1

试试：

将 HTML 内容和按钮打包到容器中：http://docs.sencha.com/ext-js/4-0/#/api/Ext.container.Container

将容器放在您想要的位置，请参阅 setPosition（..）方法：http://docs.sencha.com/ext-js/4-0/source/Component3.html#Ext-Component-method-setPosition