LinearLayout（リニアレイアウト）概要　【Android基礎】

LinearLayout

リニアレイアウト(LinearLayoutクラス)は、orientation属性の値によって全ての子要素を決められた方向(横方向もしくは縦方向)に並べるためのレイアウトクラスです。
全ての子要素は順番に上もしくは左から順に並べることができます。
横に並べる場合はhorizontalを、縦に並べる場合はverticalを設定し、デフォルト値はhorizontalとなっています。

また、LinearLayoutは子要素それぞれに対し、layout_weight属性の割り当てを行うことができます。
この属性は、ビューに対して重要度を設定するためのもので、これにより親ビューで余ったスペースいっぱいに拡張されることになります。

例えば、LinearLayoutに3つの子要素が設定されており、それぞれlayout_weight属性が1、1、1となっていた場合は、
下図のように均等にサイズ割されることになります。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="#aa0000" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="#00aa00" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="2"
        android:background="#0000aa" />

</LinearLayout>

一方、1、1、2と設定されていた場合

下図のように全体の50%を右ビューが占め、残りの50%を左と中央のビューが均等割り(25%ずつ)することになります。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="#aa0000" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="#00aa00" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="2"
        android:background="#0000aa" />

</LinearLayout>

また、レイアウトを入れ子にすることも可能です。

次のサンプルは、画面全体が垂直に定義されたLinearLayoutで、上下2つに分割されています。

さらに上半分は水平方向に3分割されており、下半分は垂直方向に3分割されています。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:orientation="horizontal" >

        <TextView
            android:background="#aa0000"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1" />

        <TextView
            android:background="#00aa00"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1" />

        <TextView
            android:background="#0000aa"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:orientation="vertical" >

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="1行目"
            android:textSize="15pt" />

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="2行目"
            android:textSize="15pt" />

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="3行目"
            android:textSize="15pt" />
    </LinearLayout>

</LinearLayout>