Pages

Kapsayıcılar (Containers)

Containers, UI öğelerini belirli bir alan içinde düzenlemek ve gruplamak için kullanılan yapısal elemanlardır. İçerdiği bileşenlerin boyutu, konumu ve esnekliği üzerinde kontrol sağlar.

Üç farklı tür vardır ve her biri farklı bir yerleşim mantığına sahiptir:

1. Resizable Container (Yeniden Boyutlandırılabilir)

İçerdiği elemanların konumu sabit kalır, ancak boyutları kapsayıcı ile orantılı olarak değişir. Farklı ekran boyutları için duyarlı (responsive) tasarımlar için uygundur.

2. Static Container (Statik)

Elemanlar mutlak piksel koordinatlarıyla sabitlenir ve kapsayıcı boyutundaki değişikliklerden etkilenmez. Hassas yerleşim gereken sabit yapılar için uygundur.

Ne zaman kullanılır?

• Resizable, ekran boyutuna göre esnek yapılar için
• Static, piksel hassasiyetli sabit yapılar için

Tüm kapsayıcı türleri diğer UI elemanlarını içerebilir ve birbirleri içinde yer alabilir.