[Android Studio] LinearLayoutでウィジェットの割合を指定する

どうも、tatsuです!

今日は、LinearLayoutでウィジェットの割合を指定する方法を説明します。

※この記事で使用しているAndroid Studioのバージョンは2.3.3です。

LinearLayoutでウィジェットの割合を指定する

LinearLayoutでは、レイアウト内のウィジェットの割合を指定することでウィジェットが画面いっぱいに広がります。
割合を指定するにはandroid:layout_weight属性を指定します。

activity_main.xml

activity_main.xmlは以下のようにします。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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"
    android:orientation="vertical"
    tools:context="com.android.tatsu.myapplication.MainActivity">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="No1"
            android:textSize="20sp"
            android:layout_gravity="center_horizontal"
            android:layout_weight="1"
            />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="No2"
            android:textSize="20sp"
            android:layout_gravity="center_horizontal"
            android:layout_weight="2"
            />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="No3"
            android:textSize="20sp"
            android:layout_gravity="center_horizontal"
            android:layout_weight="1"
            />

</LinearLayout>

今回は2番目のボタンのweightを2にしたことによって、画面全体をボタンが1:2:1の割合で埋め尽くしています。

コメントを残す

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