Androidのlayout_weight属性の使用方法

2年 ago
優斗, 朝陽
2 minutes

layout_weight属性は、親コンテナ内のViewの重みによる分割を制御するために使用されます。LinearLayoutと一緒に使うことが一般的です。以下にlayout_weight属性を使用するいくつかの一般的な例を示します。

  1. LinearLayout の layout_weight 属性を使用して
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="Button 1"
        android:layout_weight="1" />

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="Button 2"
        android:layout_weight="2" />

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="Button 3"
        android:layout_weight="1" />

</LinearLayout>

上記コードのLinearLayoutのorientation属性はhorizontalに設定されているので、子ビューは水平方向に並びます。各Buttonのlayout_width属性は0dpに設定されていますが、layout_weight属性には異なる値が設定されていて、親コンテナ内でどのくらいの比重で配置されるかを決定しています。この例では、Button1とButton3のweightは1に設定されており、Button2のweightは2に設定されているので、Button2にはより広い領域が割り当てられます。

  1. RelativeLayoutでレイアウトウェイト属性を使用する：
<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button 1"
        android:layout_alignParentTop="true"
        android:layout_weight="1" />

    <Button
        android:id="@+id/button2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button 2"
        android:layout_below="@id/button1"
        android:layout_weight="2" />

    <Button
        android:id="@+id/button3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button 3"
        android:layout_below="@id/button2"
        android:layout_weight="1" />

</RelativeLayout>

上記のコードでは、RelativeLayoutが3つのボタンを垂直に並べるために使用されています。それぞれのボタンのlayout_width属性はmatch_parentに設定されており、これにより親コンテナの幅を占有します。layout_weight属性もそれらの垂直方向における割り当ての重み付けを制御するために使用されています。この例では、ボタン1とボタン3の重みが1に、ボタン2の重みが2に設定されており、ボタン2により多くのスペースが割り当てられます。

レイアウトに関するweight属性の基本的な使い方となり、Viewが親コンテナ内でどれだけの割合で配置されるかを管理し、UIのレイアウトをより柔軟で変更しやすいものにすることができます。

bannerAds