Sencha觸摸容器具有靈活的寬度和保留尺寸

Question

我需要一個Sencha觸摸容器，一旦我爲它設置了一個寬度（固定或以父母的百分比），自動計算其高度以保持給定的形狀因子，甚至當屏幕旋轉時。

Answer 1

的繼借力resize事件的@PeterKellner建議，事實證明這是比較容易比我想象實現這樣的組件：使用

Ext.define('Fiddle.ux.AutoResizeComponent', { 
    extend: 'Ext.Component', 
    xtype: 'autoresizecomponent', 

    config: { 
     formFactor: 1 
    }, 

    initialize: function() { 
     var me = this; 
     var onResize = function() { 
      var formFactor = me.getFormFactor(); 
      var width = me.element.dom.offsetWidth; 
      me.setHeight(width/formFactor);         
     } 
     this.on('resize', onResize); 
    } 

}); 

小提琴吧：https://fiddle.sencha.com/#fiddle/64j

Answer 2

您可以在父級上使用hbox佈局，並指定容器的彈性或寬度。這會照顧高度http://try.sencha.com/touch/2.0.0/docs/Ext.layout.HBox.2/