【Android】ListViewのフッタービューにクリックリスナーを設定する方法

AndroidのListViewでフッタービューにクリックリスナーを設定する方法

本記事では、Androidアプリ開発において、ListViewの末尾に表示されるフッタービュー（Footer View）に対して、OnClickListener（クリックリスナー）を設定する方法を解説します。フッタービューは「もっと見る」ボタンや広告エリアなど、さまざまな場面で活用できる便利な機能です。

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

Android Studioを起動し、メニューから「File」⇒「New Project」を選択します。必要な項目をすべて入力して、新しいプロジェクトを作成してください。

手順2：レイアウトファイルを編集する

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.graphics.Color;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.Gravity;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.Arrays;
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);
        final TextView footer = new TextView(this);
        footer.setGravity(Gravity.CENTER);
        footer.setTextSize(30);
        footer.setText("Footer");

        footer.setOnClickListener(new View.OnClickListener() {
        @Override
            public void onClick(View v) {
                footer.setTextColor(Color.parseColor("#FF0000"));
            }
        });
        if (footer != null) {
        list.addFooterView(footer);
        } else {
            throw new NullPointerException("footer is null");
        }
    }
}

このコードのポイントは以下の3点です。

• プログラム側でTextViewを生成し、中央寄せ・文字サイズ30sp・表示テキスト「Footer」を設定してフッタービューを作成しています。
• setOnClickListener() でフッターのタップを検知し、クリックされた際に setTextColor() を呼び出してテキスト色を赤（#FF0000）に変更します。
• addFooterView() メソッドを使用することで、作成したフッターをListViewの末尾に追加できます。

アプリを実行して動作を確認する

実際のAndroidスマートフォンをパソコンに接続した状態で、Android Studioからプロジェクト内のアクティビティファイルを開き、ツールバーの「Run」アイコンをクリックします。デバイス選択画面で接続した端末を選ぶと、アプリが起動して以下のような画面が表示されます。

上記の実行結果では、重複のない配列データの一覧と、その下にフッタービューが表示されています。ここでフッタービューをタップすると、クリックリスナーが反応して、以下のようにテキストの色が赤に変化します。