5. Circle Positioning

İki bileşeni birbirine göre açısal ve uzaklık olarak konumlandırabileceğiniz harika bir özellik ve 3 parametresi bulunuyor.

layout_constraintCircle: Constraint vereceğimiz bileşene ait ID değerini belirttiğimiz parametre.

layout_constraintCircleRadius: İki bileşen arasındaki merkezi uzaklığı belirten parametredir. Bu uzaklık iki bileşenin merkez noktalarına göre ayarlanır.

layout_constraintCircleAngle: İki bileşen arasındaki açı değerini belirtir. Derece cinsinden belirtilir ve 0 ile 360 arasında bir değer alır.

Örnek-1:

<Button
    android:id="@+id/buttonB"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/buttonb"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />
<Button
    android:id="@+id/buttonD"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/buttond"
    app:layout_constraintCircle="@+id/buttonB"
    app:layout_constraintCircleAngle="240"
    app:layout_constraintCircleRadius="120dp"
    app:layout_constraintRight_toRightOf="@id/buttonB" />

Örnek-1 Açıklama: Yukarıdaki örneğimizde buttonD bileşeni, buttonB bileşenine göre Circle positioning ile konumlandırılmıştır. Aralarında 120dp’lik uzaklık ve 240 derecelik bir açıya göre konumlandırma vardır. Burada bottonD bileşeni, buttonB bileşenine göre konumlandırıldığı için, buttonB’ninin konumu değiştirildiğinde bottonD bileşeni de otomatik olarak yeniden konumlanacaktır.

Circle Positioning Çalışma Şekli

Circle Positioning Çalışma Şekli