Kısıtlamalarla UI Hizalaması (UI Alignment Constraints)

UI Hizalama Kısıtlamaları(UI Alignment Constraints), bir düzen içinde bir öğenin konumunu kontrol etmenizi sağlar. Hem dikey hem de yatay eksenler için hizalama seçenekleri belirleyebilirsiniz. Mevcut olan üç seçenek start, end ve stretch olarak adlandırılır.

• Start: Öğeyi konteynerin soluna hizalar. Öğe, sol değere göre konumlandırılır.

• End: Öğeyi konteynerin sağına hizalar. Öğenin sağ kenarı, sağ değere göre konumlandırılır.

• Stretch: Öğeyi yatay olarak konteynerin genişliğini dolduracak şekilde gererek, sol ve sağ kenar boşluk değerlerini korur.

• Start: Öğeyi konteynerin üstüne hizalar. Öğe, üst değere göre konumlandırılır.

• End: Öğeyi konteynerin altına hizalar. Öğenin alt kenarı, alt değere göre konumlandırılır.

• Stretch: Öğeyi dikey olarak konteynerin yüksekliğini dolduracak şekilde gererek, üst ve alt kenar boşluk değerlerini korur.

1. Hem dikey hem de yatay hizalama içinstart seçerseniz, öğe sol üst köşede konumlandırılır ve tam konumu üst ve sol değerler belirler.

2. Hem dikey hem de yatay hizalama için end seçerseniz, öğe sağ alt köşede konumlandırılır ve tam konumu üst ve sol değerler belirler.

3. Yatay hizalamada stretch seçerseniz, öğe ekranın tam genişliğini kaplar ve genişliği sol ve sağ kenar boşluk değerlerine bağlı olarak belirlenir.

4. Dikey hizalamada stretch seçerseniz, öğe ekranın tam yüksekliğini kaplar ve yüksekliği üst ve alt kenar boşluk değerlerine bağlı olarak belirlenir.

Varsayılan mobil ayarların yanı sıra, tablet ve masaüstü gibi daha büyük ekranlar için hizalama kısıtlamalarını geçersiz kılabilirsiniz. Bu, farklı ekran boyutları için UI'nizi optimize etmenize ve gerçekten duyarlı bir tasarım oluşturmanıza olanak tanır.

Bunu yapmak için, ayarlarda tablet ve masaüstü kesinti noktaları için istenen hizalama değerlerini (alignment values) ayarlayın. Bu, varsayılan mobil kısıtlamaları geçersiz kılar ve bu cihazlarda farklı bir hizalama davranışı sağlar.

Tablet veya masaüstünde mobil ayarlara geri dönmek isterseniz, 'Follow phone settings (Telefon ayarlarını takip et)' düğmesine tıklayarak kolayca yapabilirsiniz. Bu, geçersiz kısıtlamaları kaldırır ve öğenin tüm cihazlarda varsayılan mobil ayarlara göre hizalanmasına izin verir. Bu özellik, tasarım gereksinimlerinize göre UI hizalama kısıtlamalarını esnek bir şekilde ayarlamanızı sağlar.