AndroidStudio:ConstraintViewの横並び、大きさ調整メモ

レイアウトを隣合わせにして割合で大きさを調整したい。
あと大きさの違うViewを横並びにするとずれてしまうのでそのあたりの調整についてのメモ。

    
    <TextView
        android:id="@+id/text"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="Textview"
        android:gravity="center_vertical"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/button"
        app:layout_constraintBottom_toBottomOf="@+id/button"
        app:layout_constraintEnd_toStartOf="@+id/button"
        app:layout_constraintHorizontal_weight="3"

        />
    <Button
        android:id="@+id/button"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="Button"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toEndOf="@+id/button"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_weight="7"
        />

この場合だと右にTextViewで左にButtonになって
大きさは画面の横の幅に対してTextviewが3/10でButtonが7/10になる。
10はlayout_constraintHorizontal_weightの大きさの合計。
layout_width=0にする必要がある。
要素を3つにしてぜんぶlayout_constraintHorizontal_weight=1すると横が三等分。
縦の分け方は
layout_constraint_Vertical_weightの数値をいじるのと分割したいViewのlayout_height=0dpに設定する。

大きさの違うViewを真ん中に合わせたい場合は
app:layout_constraintTop_toTopOf="@+id/button"
app:layout_constraintBottom_toBottomOf="@+id/button"
みたいな感じでやる。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA