Android
 Computer >> コンピューター >  >> プログラミング >> Android

【Android開発】ListViewのリサイクル(ビュー再利用)メカニズムの仕組みと実装例を解説

はじめに

Androidアプリで大量のデータをリスト表示する際、パフォーマンスを維持するために欠かせないのが「リサイクル(ビューの再利用)メカニズム」です。本記事では、実際のコード例を通じて、リサイクルの仕組みがどのように機能するのかを段階的に解説します。

なお、現代のAndroid開発ではListViewの後継としてRecyclerViewが標準的に使われており、RecyclerViewはListViewのリサイクルの考え方をさらに発展させたものです。ここではRecyclerViewを使った実装例で、その動作を確認していきます。

リサイクルメカニズムとは?

画面に表示しきれないほど多くの項目を持つリストをスクロールするとき、画面外に出た行(アイテム)のViewを破棄せずに保持しておき、新しく画面に入ってくる項目に対して同じViewを再利用する仕組みが「リサイクル」です。これにより、Viewの生成コスト(インフレート処理やfindViewByIdの呼び出し)を大幅に削減でき、スムーズなスクロールと省メモリを実現できます。

RecyclerViewでは、ViewHolderパターンと組み合わせることで、この再利用処理が効率的に行われます。

プロジェクトの作成手順

ステップ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: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">
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/card_recycler_view"
        android:scrollbars="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</LinearLayout>

ステップ3:各行のレイアウトを作成する

次に、リストの1行分のデザインを定義する res/layout/card_row.xml を作成します。ここではCardViewの中にTextViewを配置しています。

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView
    xmlns:android="https://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/card"
    android:layout_marginTop="5dp"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp">
    <TextView
        android:id="@+id/tv_country"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        android:layout_gravity="center"
        android:textSize="18sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textStyle="bold" />
</androidx.cardview.widget.CardView>

ステップ4:MainActivity.java を実装する

src/MainActivity.java に以下のコードを追加します。ここではRecyclerViewの初期化、都市名リストの生成、タップイベントの検知を行っています。

package com.app.sample;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import java.util.ArrayList;
public class MainActivity extends AppCompatActivity {
    private ArrayList cities;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initViews();
    }
    private void initViews(){
        RecyclerView recyclerView = (RecyclerView)findViewById(R.id.card_recycler_view);
        recyclerView.setHasFixedSize(true);
        RecyclerView.LayoutManager layoutManager = new LinearLayoutManager(getApplicationContext());
        recyclerView.setLayoutManager(layoutManager);
        cities = new ArrayList<>();
        cities.add("Mumbai");
        cities.add("Chennai");
        cities.add("Kochin");
        cities.add("Bangalore");
        cities.add("Hyderabad");
        cities.add("Amaravati");
        cities.add("Goa");
        cities.add("Trivandram");
        cities.add("Coimbatore");
        cities.add("Vellore");
        cities.add("Salem");
        cities.add("Bhubaneswar");
        cities.add("");
        cities.add("Cuttack");
        cities.add("Mysore");
        RecyclerView.Adapter adapter = new DataAdapter(cities);
        recyclerView.setAdapter(adapter);
        recyclerView.addOnItemTouchListener(new RecyclerView.OnItemTouchListener() {
            GestureDetector gestureDetector = new GestureDetector(getApplicationContext(), new GestureDetector.SimpleOnGestureListener(){
                @Override public boolean onSingleTapUp(MotionEvent e) {
                    return true;
                }
            });
            @Override
            public boolean onInterceptTouchEvent(RecyclerView rv, MotionEvent e) {
                View child = rv.findChildViewUnder(e.getX(), e.getY());
                if(child != null && gestureDetector.onTouchEvent(e)) {
                    int position = rv.getChildAdapterPosition(child);
                    Toast.makeText(getApplicationContext(), (Integer) cities.get(position), Toast.LENGTH_SHORT).show();
                }
                return false;
            }
            @Override
            public void onTouchEvent(RecyclerView rv, MotionEvent e) {
            }
            @Override
            public void onRequestDisallowInterceptTouchEvent(boolean disallowIntercept) {
            }
        });
    }
}

ステップ5:DataAdapter.java(アダプター)を実装する

src/DataAdapter.java に以下のコードを追加します。onCreateViewHolder()で新しいViewHolderが必要になったときだけViewを生成し、onBindViewHolder()で既存のViewHolderにデータを結び付けています。まさにこの部分がリサイクルメカニズムの核となる処理です。

package com.app.sample;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import androidx.recyclerview.widget.RecyclerView;
import java.util.ArrayList;
public class DataAdapter extends RecyclerView.Adapter<DataAdapter.ViewHolder>{
        private ArrayList<String> cities;
        public DataAdapter(ArrayList<String> countries) {
            this.cities = countries;
        }
        @Override
        public DataAdapter.ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
            View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.card_row, viewGroup, false);
            return new ViewHolder(view);
        }
        @Override
        public void onBindViewHolder(DataAdapter.ViewHolder viewHolder, int i) {
            viewHolder.tv_country.setText(cities.get(i));
        }
        @Override
        public int getItemCount() {
            return cities.size();
        }
        public class ViewHolder extends RecyclerView.ViewHolder{
        private TextView tv_country;
        public ViewHolder(View view) {
            super(view);
            tv_country = (TextView)view.findViewById(R.id.tv_country);
        }
    }
}

ステップ6:AndroidManifest.xml を確認する

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

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
    package="com.app.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」アイコンをクリックし、接続したデバイスを選択して実行してください。以下のように、都市名がカード形式で縦に並んだリストが表示されます。

【Android開発】ListViewのリサイクル(ビュー再利用)メカニズムの仕組みと実装例を解説

まとめ

今回の実装例では、RecyclerViewとViewHolderパターンを使うことで、画面外にスクロールされたViewを破棄せずに再利用する「リサイクルメカニズム」の基本的な動作を確認しました。ポイントは以下の通りです。

  • onCreateViewHolder():新しい行のViewが必要なときのみ呼ばれ、レイアウトをインフレートする
  • onBindViewHolder():再利用されるViewHolderに新しいデータを設定する
  • setHasFixedSize(true):RecyclerView自体のサイズが変わらないことを宣言し、描画処理を最適化する

この仕組みにより、数百件・数千件のデータでも滑らかなスクロールを実現できます。ListView時代のconvertViewによる再利用と比べ、RecyclerViewはより柔軟で効率的な設計になっているため、新規開発ではRecyclerViewの採用をおすすめします。

  1. Androidでボタンを動的に追加する方法をステップ解説

    この記事では、Androidアプリの実行時にJavaコードからボタンを動的に生成・追加する方法を、実際のコード例とともにわかりやすく解説します。XMLレイアウトにあらかじめボタンを配置するのではなく、プログラム内で新しいButtonインスタンスを作成し、画面に反映させる流れを学びましょう。手順1:Android Studioで新規プロジェクトを作成するまずAndroid Studioを起動し、メニューから「File」→「New Project」を選択して新しいプロジェクトを作成します。必要な項目(プロジェクト名、パッケージ名、保存先など)をすべて入力してプロジェクトを完成させてください。手順2

  2. 【Android】ListViewのCheckBoxにデータベースのデータをバインドする方法

    はじめにこの記事では、データベースから取得したデータを、AndroidアプリのListView内に配置したCheckBox(チェックボックス)にバインドする方法を、実際のコード例をもとにステップごとに解説します。サンプルでは、Androidのバージョンコードネームの一覧をリスト形式で表示し、各行のチェックボックスで選択状態を切り替えられるようにします。ステップ1:新規プロジェクトを作成するAndroid Studioを起動し、メニューから「File」⇒「New Project」を選択して、新しいプロジェクトを作成します。必要な項目をすべて入力し、プロジェクトのセットアップを完了させてください。