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

【Android】ArrayDequeのデータをArrayListに追加してListViewに表示する方法


はじめに

このチュートリアルでは、AndroidアプリにおいてArrayDequeからArrayListへデータを追加し、その内容をListViewに表示する方法を解説します。EditTextに入力した名前を保存し、ArrayDequeを介してArrayListに格納するシンプルなサンプルを通じて、基本的なコレクション操作とListViewの使い方を学べます。

ArrayDequeとは

ArrayDequeは、Javaのコレクションフレームワークに含まれる「両端キュー(Deque)」の実装クラスです。内部に可変サイズの配列を持ち、先頭と末尾のどちらに対しても高速に要素の追加・削除ができます。スタック(LIFO)としてもキュー(FIFO)としても使える、柔軟で汎用性の高いデータ構造です。

実装手順

ステップ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"
    tools:context=".MainActivity"
    android:orientation="vertical">
    <EditText
        android:id="@+id/name"
        android:layout_width="match_parent"
        android:hint="Enter Name"
        android:layout_height="wrap_content" />
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <Button
            android:id="@+id/save"
            android:text="Save"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <Button
            android:id="@+id/refresh"
            android:text="Refresh"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>
    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    </ListView>
</LinearLayout>

上記のレイアウトでは、名前を入力するためのEditText、「Save」ボタン、「Refresh」ボタン、そしてデータを一覧表示するListViewを、縦方向のLinearLayoutの中に配置しています。ユーザーが「Save」ボタンをタップすると入力された名前がArrayListに保存され、「Refresh」ボタンをタップするとListViewの表示が最新の状態に更新される仕組みです。

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

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

package com.example.andy.myapplication;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.Toast;

import java.util.ArrayDeque;
import java.util.ArrayList;
import java.util.Deque;
import java.util.PriorityQueue;

public class MainActivity extends AppCompatActivity {
    Button save, refresh;
    EditText name;
    ArrayAdapter arrayAdapter;
    PriorityQueue<String> hs;
    ArrayList<String> array_list;
    private ListView listView;

    @Override
    protected void onCreate(Bundle readdInstanceState) {
        super.onCreate(readdInstanceState);
        setContentView(R.layout.activity_main);
        array_list = new ArrayList<>();
        name = findViewById(R.id.name);
        listView = findViewById(R.id.listView);
        findViewById(R.id.refresh).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                arrayAdapter.notifyDataSetChanged();
                listView.invalidateViews();
                listView.refreshDrawableState();
            }
        });

        findViewById(R.id.save).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (!name.getText().toString().isEmpty()) {
                    array_list.add(name.getText().toString());
                    Deque<String> hs = new ArrayDeque<String>();
                    hs.addAll(array_list);
                    array_list.clear();
                    array_list.addAll(hs);
                    arrayAdapter = new ArrayAdapter(MainActivity.this, android.R.layout.simple_list_item_1, array_list);
                    listView.setAdapter(arrayAdapter);
                    Toast.makeText(MainActivity.this, "Inserted", Toast.LENGTH_LONG).show();
                } else {
                    name.setError("Enter NAME");
                }
            }
        });
    }
}

ポイントとなるのは「Save」ボタンのクリックイベント内の処理です。まずEditTextに入力された名前をArrayListに追加し、次にその全要素をArrayDequeへコピーします。その後、一度ArrayListをクリアしてから、ArrayDequeの内容を改めてArrayListに戻しています。これによりArrayDequeを経由したデータの受け渡しが実現され、最終的にそのArrayListをArrayAdapterにセットしてListViewへ反映させます。入力が空の場合は「Enter NAME」というエラーが表示されます。

アプリの実行と動作確認

それではアプリケーションを実行してみましょう。ここでは、実機のAndroidスマートフォンをパソコンに接続しているものとします。Android Studioでプロジェクト内の任意のアクティビティファイルを開き、ツールバーの「Run」アイコンをクリックしてください。実行デバイスとして自分のモバイル端末を選択すると、端末側に以下のような初期画面が表示されます。

【Android】ArrayDequeのデータをArrayListに追加してListViewに表示する方法

上記の実行結果のように、EditTextに入力した名前がArrayDequeを介してArrayListへ追加され、ListViewに一覧として表示されていることが確認できます。

まとめ

本記事では、ArrayDequeからArrayListへデータを追加してListViewに表示する基本的な手法を紹介しました。ArrayDequeは両端への高速な追加・削除が特徴のコレクションであり、目的に応じてArrayListと連携させることで柔軟なデータ管理が可能になります。なお、より複雑なリスト表示や高いパフォーマンスが必要なケースでは、RecyclerViewの採用も検討するとよいでしょう。

  1. 【Android】ListViewのArrayListから要素を削除する方法をわかりやすく解説

    この記事では、AndroidアプリにおいてListViewに表示しているArrayListから要素を削除する方法を、サンプルコード付きで段階的に解説します。名前を入力して保存し、一覧から削除するというシンプルなデモを通じて、ArrayListとArrayAdapterの基本的な操作を学べます。手順1:新規プロジェクトを作成するまずはAndroid Studioで新しいプロジェクトを作成しましょう。メニューから「File」→「New Project」を選択し、必要な情報を入力してプロジェクトを作成します。手順2:レイアウトファイル(activity_main.xml)を作成する次に、res/la

  2. AndroidでListViewにカスタムアダプターを追加する方法を徹底解説

    この記事では、AndroidアプリのListViewにカスタムアダプター(BaseAdapter)を実装する方法を、サンプルプロジェクトのコードとともにステップ形式で解説します。リストの各行に「番号」「名前」「電話番号」を表示するシンプルな連絡先リストを作成しながら、カスタムアダプターの基本的な仕組みを学びましょう。カスタムアダプターとは?ListViewは、データの一覧をスクロール可能な形で表示するためのUIコンポーネントです。デフォルトの ArrayAdapter では単純なテキストしか表示できませんが、BaseAdapter を継承したカスタムアダプターを使えば、複数の TextView