1. Relative Positioning

Bağıl konumlandırma (Relative positioning), aynen RelativeLayout’takine benzer bir yapı kullanılır. Ancak farklı olarak ConstraintLayout daha okunabilir ve kolaydır. Bu pozisyonlandırma ile ilgili kullanılan parametreler aşağıda listelenmiştir.

layout_constraintLeft_toLeftOf layout_constraintLeft_toRightOf layout_constraintRight_toLeftOf layout_constraintRight_toRightOf layout_constraintTop_toTopOf layout_constraintTop_toBottomOf layout_constraintBottom_toTopOf layout_constraintBottom_toBottomOf layout_constraintBaseline_toBaselineOf layout_constraintStart_toEndOf layout_constraintStart_toStartOf layout_constraintEnd_toStartOf layout_constraintEnd_toEndOf

Aşağıdaki parametreleri şu şekilde okuyabilirsiniz. Örneğin;

Relative Positioning Çalışma Şekli

layout_constraintLeft_toLeftOf parametresi’nin kullanıldığı bileşende layout_constraintLeft bölümü konumlandırılacak bileşenin kendisini belirtir. Ondan sonra devam eden _toLeftOf kısımı ise hangi bileşenle ilişkili davranılacağını belirtir. Bu bir parent olabileceği gibi aynı zamanda sayfa içerisindeki bir başka birleşen de olabilir.

Örnek-1:

<Button
    android:id="@+id/buttonA"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/buttona"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

Bu örnekte buttonA isimli bileşen içerisinde bulunduğu parent’ta göre konumlandırılmış durumda. Yukarıda anlattığımız şekilde bu yazımı çözümleyelim.

Örnek-1 Açıklama: buttonA isimli bileşenin başlangıç noktası (layout_constraintStart), birazdan belirteceğim container’ın (parent) başlangıç noktasından başlayarak (_toStartOf) konumlandırılacak.

Örnek-2:

<Button
    android:id="@+id/buttonA"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/buttona"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />
<Button
    android:id="@+id/buttonB"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/buttonb"
    app:layout_constraintStart_toEndOf="@id/buttonA"
    app:layout_constraintTop_toTopOf="parent" />

Bu örnekte buttonB isimli bileşen bağlı olduğu buttonA’ya göre konumlandırılmış durumda. Yukarıda anlattığımız şekilde bu yazımı çözümleyelim.

Örnek-2 Açıklama: buttonB isimli bileşenin başlangıç noktası (layout_constraintStart), birazdan belirteceğim container’ın (buttonA) bitiş noktasından başlayarak (_toEndOf) konumlandırılacak.

İki örnekte de start ve end noktalarını kullandık. Aynı şekilde top, bottom ve baseline işlemleri için de aynı durumlar geçerlidir.