---
title: Konumlandırma ve Boyutlandırma
description: Öğeleri konumlandırmak, yeniden boyutlandırmak, hizalamak, kenar boşluğu ayarlamak ve kısıtlamaları yönetmek için Theta'daki araçlar ve kontroller hakkında bilgi edinin.
---

# Konumlandırma ve Boyutlandırma (Positioning and Resizing)

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.

<YouTube id="6gLcCfMVc_4" />

## Sürükle ve Bırak ile Konumlandırma

Basit bir sürükle ve bırak mekanizması kullanarak öğeler cihaz çerçevesi içinde yeniden konumlandırılabilir.

## Klavye Oklarıyla Konumlandırma

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 px
- `SHIFT` + `← → ↑ ↓` = 10 px

## Boyutlandırma Kolları

Her öğenin kenarlarında ve köşelerinde bulunan boyutlandırma kolları, öğe boyutlarını ayarlamak için kullanılır.

## Hizalama Kontrolleri (Alignment)

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.

## Kenar Boşluğu Kontrolleri (Margin)

İ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.

## Genişlik ve Yükseklik Kontrolleri

Öğe boyutlarının hassas ayarlaması Width (Genişlik) ve Height (Yükseklik) kontrolleri aracılığıyla kolaylıkla gerçekleştirilir.

## Kısıtlama Kontrolleri (Constraints Controls)

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.