AndroidのListViewにフッタービュー（FooterView）を追加する方法【サンプルコード付き】

はじめに

この記事では、AndroidアプリのListViewにフッタービューを追加する方法を、実際のサンプルコードとともにわかりやすく解説します。フッタービューを活用すると、リストの末尾に「もっと見る」ボタンや補足情報など、常に表示させたい要素を簡単に配置できます。

手順1：新規プロジェクトを作成する

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

手順2：レイアウトファイル（activity_main.xml）を編集する

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

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
   android:orientation="vertical"
   android:gravity="center_horizontal"
   android:layout_marginTop="30dp"
   tools:context=".MainActivity">
   <ListView
      android:id="@+id/list"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content">
</ListView>
</LinearLayout>

このレイアウトでは、配列の値を一覧表示するためのListViewを垂直方向のLinearLayout内に配置しています。

手順3：MainActivity.javaを編集する

続いて、src/MainActivity.javaに以下のコードを記述します。

package com.example.myapplication;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.Gravity;
import android.widget.ArrayAdapter;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.Arrays;
import java.util.Collections;
import java.util.HashSet;

public class MainActivity extends AppCompatActivity {
   ListView list;
   String[] names = new String[] { "A", "B", "C" };
   String[] extended = new String[5];

   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      list = findViewById(R.id.list);
      extended[3] = "D";
      extended[4] = "E";
      System.arraycopy(names, 0, extended, 0, names.length);
      HashSet<String> unique = new HashSet<>(Arrays.asList(extended));
      unique.addAll(Arrays.asList(names));
      ArrayList<String> arrayList = new ArrayList<String>(unique);
      ArrayAdapter adapter = new ArrayAdapter<String>(this,
      android.R.layout.simple_list_item_1, arrayList);
      list.setAdapter(adapter);
      TextView footer = new TextView(this);
      footer.setGravity(Gravity.CENTER);
      footer.setTextSize(30);
      footer.setText("Footer");
      if ( footer != null ) {
         list.addFooterView(footer);
      } else {
         throw new NullPointerException("footer is null");
      }
   }
}

アプリを実行する

それでは、作成したアプリを実行してみましょう。ここでは、実機のAndroidスマートフォンがパソコンに接続されているものとして説明します。Android Studioから実行するには、プロジェクト内のいずれかのアクティビティファイルを開き、ツールバーの「Run」アイコンをクリックします。表示された候補から自分のモバイルデバイスを選択すると、端末に以下のような画面が表示されます。

実行結果と解説

上記の実行結果では、重複を除外した配列の値がListViewに一覧表示され、その末尾にテキストサイズ30sp・中央揃えで「Footer」という文字列を持つフッタービューが追加されていることが確認できます。

重要なポイント

• addFooterView()：ListViewにフッターを追加するための専用メソッドです。呼び出すタイミングはsetAdapter()の後でも動作しますが、古いAndroidバージョンでは不具合を避けるため、可能であればsetAdapter()より前に呼び出すことが推奨されます。
• 任意のViewを渡せる：この例ではTextViewを使用しましたが、ButtonやImageViewなど、任意のViewをフッターとして追加できます。
• サポートライブラリについて：本サンプルはandroid.support.v7.app.AppCompatActivityを使用していますが、現在このライブラリは非推奨です。新規プロジェクトではandroidx.appcompat.app.AppCompatActivityへの移行をおすすめします。

このように、addFooterView()メソッドを使えば数行のコードでListViewの末尾に自由なビューを追加できるため、「読み込み中」の表示や「さらに読み込む」ボタンなど、さまざまな場面で応用できます。