ConstraintLayoutで親の幅に対して子の幅を割合で指定できるようにする。
Guidelineを使用します。orientation
にvertical
、layout_constraintGuide_percent
に決めた割合値を入力する。幅を決めたいTextViewはGuidelineの位置に従い制約をつける。そうすることで割合幅を指定できる。3等分、4等分したい場合は、その数だけGuidelineを追加して、3つ目、4つ目の制約場所を決める。
下記コードは3等分した場合のサンプルコード
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#fff"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="parent">
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guideline"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.25" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guideline2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.85" />
<TextView
android:layout_width="0dp"
android:layout_height="40dp"
android:background="#ff3"
android:text="左側"
app:layout_constraintEnd_toEndOf="@id/guideline"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:layout_width="0dp"
android:layout_height="40dp"
android:background="#f3f"
android:text="真ん中"
app:layout_constraintEnd_toStartOf="@id/guideline2"
app:layout_constraintStart_toStartOf="@+id/guideline"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:layout_width="0dp"
android:layout_height="40dp"
android:background="#33f"
android:text="右側"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="@+id/guideline2"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
参考