Pages

Resizable Container

Resizable Container nedir?

Resizable Container, içindeki öğelerin konumlarını sabit tutar, ancak kapsayıcı yeniden boyutlandırıldığında öğelerin boyutlarını orantılı olarak otomatik olarak değiştirir. Böylece farklı ekran boyutlarında arayüz düzeni korunur.

Temel Özellikler

• Elemanlar aynı yerde kalır
• Boyutlar orantılı olarak küçülür veya büyür
• Pozisyonları manuel hesaplamaya gerek yoktur
• Ekstra kod yazmadan responsive görünüm sağlar

Ne zaman kullanılır?

Resizable Container kullanın, eğer:

• Arayüzünüzün cihaz boyutuna göre ölçeklenmesini istiyorsanız
• Tasarım düzeni sabit kalsın istiyorsanız
• Hızlı ve kolay bir responsive çözüm arıyorsanız
• Sabit oranlı ekranlar (ör. 16:9, 4:3) kullanıyorsanız

Uygulama Örneği

Bir 1280x800 piksellik panel için dashboard tasarlıyorsunuz:

1. Bir butonu x = 100, y = 50, boyut 200 x 100 olarak yerleştirirsiniz
2. Panel 640x400 olduğunda buton otomatik olarak 100 x 50 olur
3. Tüm oranlar korunur