Androidの主要レイアウト徹底解説：種類・特徴・使い分けのポイント

AndroidアプリのUI設計において、LinearLayout、RelativeLayout、ConstraintLayout、TableLayout、FrameLayout など、選択できるレイアウトは実に多彩です。では、どれを使うのが最適なのでしょうか？

各レイアウトの詳細に入る前に、まずはViewオブジェクトの階層構造と、Androidの描画プロセスについて確認しておきましょう。この基礎知識があると、各レイアウトの挙動やパフォーマンス特性がぐっと理解しやすくなります。

ViewとViewGroup

ViewGroupは、あらゆるViewの親クラスであり、同時にレイアウトの基底クラスでもあります。つまり、他のViewを格納する「コンテナ」として機能するオブジェクトです。例えばLinearLayoutは、Viewや他のレイアウトを内包できるため、ViewGroupの一種です。

一方、ViewはUI要素の基本的な構成単位です。ViewはViewGroupの一部として配置されます。例えばTextViewはViewです。

Measure → Layout → Draw → 繰り返し

AndroidのレイアウトはXMLファイルとして保存されますが、これらはどのように画面上のオブジェクトへ変換されるのでしょうか。仕組みはこうです。各XMLファイルがインスタンス化（いわゆる「インフレート」）され、View階層ツリーが形成されます。レイアウトBがレイアウトAの中にネストされている場合、両者は「子—親」の関係になります（レイアウトAが親、レイアウトBが子）。

ツリーが構築されると、次の3つのフェーズが順番に実行されます。Measure（測定）→ Layout（配置）→ Draw（描画）です。それぞれのフェーズでは、ツリーが深さ優先探索（DFS）の順序で走査されます。

Measure（測定）

最初のフェーズでは、各親ノードが子ノードに対するサイズの制約を算出します。この制約情報は子ノードへ渡され、各子ノードは「自分がどれくらいの大きさになりたいか」を、親から与えられた制約や自分自身の子の制約を考慮しながら評価します。

Layout（配置）

このフェーズでは、各ノードが自分の子ノードの最終的なサイズと画面上の位置を決定します。

Draw（描画）

ルートノードが自分自身を描画した後、子ノードに対して自己描画を指示します。この流れにより、親が先に描画され、その上に子が重ねて描画されることになります。

上記のプロセスを踏まえると、ビュー階層の走査時間を短縮するために、アプリのレイアウトはできるだけ浅く（ネストを少なく）保つことが重要です。

各レイアウトの解説

LinearLayout（リニアレイアウト）

子要素を縦方向または横方向の一列に整列させるレイアウトです。すべてのViewが1行、または1列に並びます。方向は android:orientation 属性で指定できます。

LinearLayoutの注目すべき機能が layout_weight 属性です。これは子View間でスペースをどのように分配するかを指定するもので、異なるデバイスや画面の向きでも一貫したレイアウトを実現したい場合に非常に便利です。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:app="https://schemas.android.com/apk/res-auto"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="World!"
        />

</LinearLayout>

例えば、「Hello」というテキストを持つ最初のTextViewに、常に画面幅の3/4を占めさせたいとしましょう。その場合は layout_weight 属性を活用します。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:app="https://schemas.android.com/apk/res-auto"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="4"        // <-- レイアウト全体の合計ウェイトを4に設定
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="3"   // <-- 4のうち3（3/4）を割り当て
        android:text="Hello" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="World!"
        android:layout_weight="1"   // <-- 4のうち1（1/4）を割り当て
        />

</LinearLayout>

RelativeLayout（相対レイアウト）

名前の通り、子Viewを他の要素との相対的な位置関係で配置するレイアウトです。ネストされたViewGroupを必要としないため、レイアウト階層をフラットに保てるのが魅力です。ただし注意点もあります。RelativeLayoutはMeasureパスを2回実行する必要があり、パフォーマンスに影響を与える可能性があります。

便利な機能のひとつが centerInParent 属性で、これを使うと子Viewを親の中央に簡単に配置できます。

ConstraintLayout（制約レイアウト）

制約（constraint）とは、対象となる要素への接続や位置合わせのことです。各子Viewに対して、他のViewとの相対的な位置関係を制約として複数定義していきます。これにより、ネストされたViewGroupなしのフラットなビュー階層のまま、複雑なレイアウトを構築できます。RelativeLayoutと同様に、こちらもMeasureパスが2回必要になります。

FrameLayout（フレームレイアウト）

FrameLayoutは基本的に単一の子Viewを保持するためのレイアウトで、他のViewを重ねて表示することを想定していません。レイアウト自体のサイズは、最も大きい子View（可視・不可視を問わず）＋パディング分になります。

FrameLayout内に複数の子Viewを入れると、重なりを避けるのが難しくなるため避けた方が無難です。どうしても複数配置したい場合は、各子Viewに layout_gravity 属性を設定して位置を制御します。

ListView / GridView

複数の項目を画面に一覧表示したい場合（例えばレストランのメニューなど）に使用します。ListViewはユーザーがスクロールできる1列のリストで、GridViewはそれを複数列に拡張したものと考えると分かりやすいでしょう。

これらのレイアウトで重要なのは、表示されるViewが動的であり、実行時に生成されるという点です。項目を実行時に表示するには、AdapterViewを使用する必要があります。

TableLayout（テーブルレイアウト）

GridViewとよく似ていますが、こちらは子要素を行と列の形式で整理するレイアウトです。TableLayoutには複数のTableRowオブジェクトが含まれ、それぞれが1行を定義します。

まとめ

迷ったら、実際にいくつかのレイアウトを試してみて、自分のユースケースに最も適したものを見つけるのが一番です。シンプルな縦並びならLinearLayout、柔軟な配置にはConstraintLayout、一覧表示にはListViewやGridView——それぞれの特性を理解して使い分けることで、パフォーマンスと保守性の高いUIを構築できます。

あなたが最もよく使うレイアウトはどれですか？その理由もぜひコメント欄で教えてください。