Sencha touch 如何使用Sencha Touch定位在屏幕中央

我正在使用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'
        }  
        ]

    }

});

Ext.define（'Project.view.settingsAccess'{
扩展：“Ext.Panel”，
xtype:“settingformsuccess”，
配置：{
标题：“设置”，
iconCls:'信息'，
cls:“设置成功”，
可滚动：对，
styleHtmlContent:对，
项目：[
{
xtype:'标题栏'，
停靠：“顶部”，
标题：“设置”，
项目：[
{
xtype:“间隔器”
}, 
{
文本：“返回”，
用户界面：“返回”
}
]
},
{
html:[
“您已成功授权。
”
].join（“”）
},
//转到仪表板按钮
{
xtype:“按钮”，
文本：“访问您的主页”，
用户界面：“正常”
}  
]
}
});

试试看：

将Html内容和按钮打包到容器中：

将容器放置在所需的位置，请参见setPosition（..）方法：