[Android Studio] LinearLayoutの中でRelativeLayoutを扱う

どうも、tatsuです!

今日は、LinearLayoutの中でRelativeLayoutを扱う方法を説明します。

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

LinearLayoutの中でRelativeLayoutを扱う

Android Studioのレイアウトは入れ子にして使用することができます。
今回はLinearLayoutの中にRelativeLayoutを内包したレイアウトを作成します。

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">

        <TextView
            android:id="@+id/text1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="以下の3つのボタンから一つを選んでね!"
            android:textSize="20dp"
            android:layout_marginBottom="20dp"
            />

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

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

                <Button
                    android:id="@+id/button3"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="3"
                    android:layout_toRightOf="@+id/button1"
                    android:layout_below="@+id/button1"/>
        </RelativeLayout>

        <TextView
            android:id="@+id/text2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="どれにした?"
            android:textSize="20dp"
            android:layout_marginTop="20dp"
            />

</LinearLayout>

コメントを残す

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