Set View Center Berdasarkan Guideline Di Constraint Layout Android

Kita mau membuat sebuah view (imageview, button, textview, dll) dan menjadikannya center berdasarkan guideline di Constraint Layout.

Contoh guideline horizontal dan ingin membuat imageview ada di tengah-tengah guideline tersebut.

View set ke center berdasarkan guideline horizontal

Kita bisa set app:layout_constraintTop_toTopOf ke guideline dan set app:layout_constraintBottom_toBottomOf juga ke guideline. Jadinya komponen tersebut akan ada di center guideline.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.5"/>

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/bg_home"
        app:layout_constraintTop_toTopOf="@id/guideline"
        app:layout_constraintBottom_toBottomOf="@id/guideline"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

Sumber

Leave a Reply