Sencha ExtJs 5'teki anchor düzeni ve fit düzeni arasındaki fark

Question

ExtJs 5 içinde anchor ve fit düzeni arasındaki fark nedir?

Answer 1

Anchor, vbox düzenine benzer, ancak çocuk öğelerinin genişliğine ve yüksekliğine karar vermenize izin verir.

Yerleşim düzeni, yalnızca bu düzende bulunan bileşenlerin alt öğelerinin ebeveynleriyle aynı boyutta olmasını sağlar.

Yani: Bu örnekte

Ext.create('Ext.Panel', { 
width: 500, 
height: 500, 
layout: 'anchor', 
items: [ 
    { 
     xtype: 'panel', 
     title: '10% height and 20% width', 
     anchor: '10% 20%' 
    }, 
    { 
     xtype: 'panel', 
     title: '30% height and 50% width', 
     anchor: '30% 50%' 
    } 
] 
}); 

Eğer, iki çocuk paneller, bunlardan biri 50x100 olacak ve diğeri ile, boyut 500x500 ile bir panel olacak bu ilk altında, 150x250 olacaktır. Her ikisi de sola hizalanmış. Ebeveyn panelin geri kalanı boş olacaktır. İşte keman olduğunu: fit ile https://fiddle.sencha.com/#fiddle/i4r

: Bu durumda

Ext.create('Ext.Panel', { 
width: 500, 
height: 500, 
layout: 'fit', 
renderTo: Ext.getBody(), 
title: 'Fit Layout', 
items: [{ 
    xtype: 'panel', 
    border:true, 
    title: 'Children of fit layout' 
}] 
}); 

, çocuk paneli, onun veli, 500x500 aynı boyutta olacaktır. https://fiddle.sencha.com/#fiddle/i4s

Düzenlendi açıklamalara dayanarak: Not "Fit" bir ve açıktır ki sadece bir çocuk

Umut sahip olabileceği İşte keman olduğunu. Mesele şu ki, bu iki düzen farklı durumlarda kullanılmak üzere tasarlanmıştır.