Androidのfill_parentとwrap_contentの違いとは？具体例でわかりやすく解説

Androidアプリ開発において、レイアウトのサイズ指定は非常に重要です。本記事では、fill_parent（現在はmatch_parent）とwrap_contentの違いを、実際に動作するサンプルコードを使ってわかりやすく解説します。

fill_parentとwrap_contentの基本的な違い

• fill_parent / match_parent：親ビュー（画面全体など）の幅・高さいっぱいにビューを広げます。「fill_parent」は旧名称で、APIレベル8以降は「match_parent」が推奨されています。
• wrap_content：テキストなどのコンテンツの大きさに合わせて、ビューが必要な最小限のサイズだけを確保します。

サンプルプロジェクトの作成手順

ステップ1：新規プロジェクトを作成する

Android Studioを起動し、「File → New Project」から新しいプロジェクトを作成します。必要な情報を入力してプロジェクトの雛形を生成しましょう。

ステップ2：activity_main.xmlにレイアウトを記述する

res/layout/activity_main.xmlに以下のコードを追加します。2つのTextViewを配置し、それぞれ異なるサイズ指定方法を使用しています。

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

    <!-- fill_parent：画面全体に広がる -->
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:text="A wiki is run using wiki software, otherwise known as a wiki engine..."/>

    <!-- wrap_content：テキストの長さに合わせる -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="This is a Wrap text"/>

</RelativeLayout>

ステップ3：MainActivity.javaを実装する

src/MainActivity.javaに以下のコードを追加します。

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

ステップ4：AndroidManifest.xmlを確認する

androidManifest.xmlに以下のコードを記述します。

<?xml version="1.0" encoding="utf-8"?>
<manifest
    xmlns:android="https://schemas.android.com/apk/res/android"
    package="app.com.sample">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">

        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>
                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
        </activity>

    </application>
</manifest>

アプリを実行して結果を確認する

実機のAndroidスマートフォンをPCに接続した状態で、Android Studioのツールバーにある「Run」アイコンをクリックします。デバイスを選択してアプリを起動すると、以下のような画面が表示されます。

実行結果のポイント

• fill_parent（match_parent）：最初のTextViewは親レイアウトである画面全体に広がり、長いテキストもその領域内に表示されます。旧バージョンでは「fill_parent」と呼ばれていましたが、現在は「match_parent」が正式な名称です。
• wrap_content：中央に表示された「This is a Wrap text」という短いテキストは、文字列の長さにぴったり合わせたサイズになります。つまり「This」から「text」までの範囲だけでビューの幅が決まります。

まとめ

fill_parent（match_parent）は「親要素いっぱいに広げる」指定、wrap_contentは「コンテンツに合わせて自動調整する」指定です。用途に応じて使い分けることで、柔軟でレスポンシブなUIレイアウトを構築できます。なお、新規開発では非推奨のfill_parentではなく、match_parentを使用することをおすすめします。