【Android】ListViewにフッターを追加する方法をステップごとに解説

このチュートリアルでは、AndroidのListViewにフッター（Footer）を追加する方法を、実際のサンプルコードとともにわかりやすく解説します。リストの末尾に「リストの終わり」などの補足情報を表示したい場合に役立つテクニックです。

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

まず、Android Studioで新しいプロジェクトを作成します。メニューから「File」→「New Project」を選択し、必要な項目をすべて入力してプロジェクトを作成しましょう。

ステップ 2：activity_main.xml にコードを追加する

res/layout/activity_main.xml に以下のコードを記述します。

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

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" >
    </ListView>

</RelativeLayout>

ステップ 3：フッター用のレイアウトファイルを作成する

次に、新しいレイアウトファイルを作成し、「listView_footer.xml」という名前で保存します。このファイルがListViewの末尾に表示されるフッター部分になります。以下のコードを追加してください。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <TextView
        android:id="@+id/textView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Footer: End of the ListView!"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:padding="16sp" />

</LinearLayout>

ステップ 4：MainActivity.java にコードを追加する

src/MainActivity.java に以下のコードを記述します。ポイントは、LayoutInflaterを使ってフッター用レイアウトを展開し、addFooterView()メソッドでListViewに追加している点です。なお、フッターは必ずsetAdapter()を呼び出す前に追加することに注意してください。

import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends Activity {

    ListView listView;
    String[] country = new String[] {
        "India",
        "Australia",
        "South Africa",
        "North America",
        "South America",
        "Iceland",
        "GreenLand"
    };
    List<String> LISTSTRING;
    LayoutInflater layoutInflater;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        listView = findViewById(R.id.listView);
        LISTSTRING = new ArrayList<>(Arrays.asList(country));

        ArrayAdapter<String> adapter = new ArrayAdapter<>(this,
        android.R.layout.simple_list_item_1, LISTSTRING);

        layoutInflater = getLayoutInflater();
        ViewGroup footer = (ViewGroup) layoutInflater.inflate(R.layout.listview_footer, listView, false);
        listView.addFooterView(footer);
        listView.setAdapter(adapter);

    }
}

ステップ 5：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端末がパソコンに接続されているものとします。Android Studioからアプリを実行するには、プロジェクト内のいずれかのアクティビティファイルを開き、ツールバーの「Run」アイコンをクリックします。接続したモバイルデバイスを選択すると、端末に以下のような画面が表示されます。