如何使用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