UI tasarımı sürecinde, öğelerin konumlandırılması ve boyutlandırılması önemli unsurlardır. Bu belge, Theta'daki öğelerin konumlandırılması, boyutlandırılması, hizalama, kenar boşluğu ayarı ve kısıtlamaların yönetimi için araçları ve kontrollerin kısa bir genel bakışını sağlar.
Basit bir sürükle ve bırak mekanizması kullanarak öğeler cihaz çerçevesi içinde yeniden konumlandırılabilir.
Theta'da öğeleri klavye oklarıyla da yerleştirmek mümkündür. Herhangi bir ok tuşuna tıkladığınızda, odaklanmış olan öğe ok yönünde 1 piksel hareket eder. Aynı işlemi yaparken SHIFT tuşuna da basarsanız, öğe her seferinde 10 piksel hareket eder.
← → ↑ ↓= 1 pxSHIFT+← → ↑ ↓= 10 px
Her öğenin kenarlarında ve köşelerinde bulunan boyutlandırma kolları, öğe boyutlarını ayarlamak için kullanılır.
Sağ taraftaki kontrol panelinin ilk satırı hizalama kontrollerini (alignment controls) içerir. Bu kontroller, seçili öğelerin yatay ve dikey olarak konumlandırılmasını, üst, alt, sol, sağ veya orta hizalama yapmayı sağlar.
İkinci satır kontrolleri, kenar boşluğu (margin) ayarlarına ayrılmıştır. Bu, öğenin üst, alt, sol ve sağ kenarlarının kenar boşluklarının manuel olarak ayarlanmasını sağlar.
Öğe boyutlarının hassas ayarlaması Width (Genişlik) ve Height (Yükseklik) kontrolleri aracılığıyla kolaylıkla gerçekleştirilir.
Duyarlı düzenler oluşturmak için önemli olan kısıtlamalar, sağ taraftaki kontrol panelinin üçüncü satırında yönetilir. Bu ayarlar, öğenin ekran boyutları değiştirilirken davranışını belirler.
Kısıtlamaların kullanımıyla ilgili daha detaylı rehberlik bu konuya özel bir sayfada bulunmaktadır.