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

【Android開発】HashMapのデータをArrayListに追加してListViewへ表示する方法を解説

このチュートリアルでは、Androidアプリ開発において、HashMapに保存したデータをArrayListへ追加し、ListViewに表示する方法を実例とともに解説します。ユーザーが入力したデータを保存ボタンでHashMapに格納し、その値をArrayList経由で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"
   tools:context=".MainActivity"
   android:orientation="vertical">
   <EditText
      android:id="@+id/record"
      android:layout_width="match_parent"
      android:hint="record number"
      android:layout_height="wrap_content" />
   <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>

このレイアウトでは、名前(name)とレコード番号(record)を入力するためのEditTextを2つ配置しています。Saveボタンをタップすると入力データがHashMapに保存され、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.Collection;
import java.util.Deque;
import java.util.HashMap;
import java.util.Map;
import java.util.PriorityQueue;

public class MainActivity extends AppCompatActivity {
   Button save, refresh;
   EditText name,record;
   ArrayAdapter arrayAdapter;
   PriorityQueue<String> hs;
   ArrayList<String> array_list;
   private ListView listView;
   Map map = new HashMap();

   @Override
   protected void onCreate(Bundle readdInstanceState) {
      super.onCreate(readdInstanceState);
      setContentView(R.layout.activity_main);
      array_list = new ArrayList<>();
      name = findViewById(R.id.name);
      record = findViewById(R.id.record);
      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() && !record.getText().toString().isEmpty()) {
               map.put(record.getText().toString(),name.getText().toString());
               array_list.clear();
               array_list.addAll(map.values());
               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");
               record.setError("Enter Record");
            }
         }
      });
   }
}

コードのポイント

この実装の重要なポイントは以下の通りです。

① データの保存処理: Saveボタンがクリックされると、EditTextに入力されたレコード番号をキー(key)、名前を値(value)として map.put() メソッドでHashMapに格納します。

② HashMapからArrayListへの変換: array_list.addAll(map.values()) を呼び出すことで、HashMap内のすべての値(values)を一括してArrayListへ追加できます。これが本記事の核となる処理です。

③ ListViewへの反映: ArrayListをデータソースとしてArrayAdapterを生成し、listView.setAdapter() でListViewにセットすることで、画面にデータが表示されます。

④ 入力チェック: 名前またはレコード番号が空の場合は setError() によりエラーメッセージを表示し、不正なデータの登録を防いでいます。

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

それでは実際にアプリケーションを実行してみましょう。実機のAndroidスマートフォンをパソコンに接続しているものとします。Android Studioでプロジェクト内のアクティビティファイルを開き、ツールバーの実行(Run)アイコンをクリックしてください。表示される選択肢から自分のモバイルデバイスを選択すると、接続した端末のデフォルト画面にアプリが起動します。

上記の実行結果のように、Saveボタンを押すたびに入力した名前がHashMapに追加され、その内容がArrayListを介してListViewに順次表示されていきます。Refreshボタンを押せば、最新の状態に表示を更新できます。

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

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

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

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