【Android】リストの値をランダムな順序で表示する方法

Androidでリストの値をランダムな順序で表示する方法

この記事では、Androidアプリでリストの値をランダムな順序で表示する方法を実装例とともに解説します。名前を入力して「Save」ボタンを押すとデータが保存され、その内容がシャッフルされた状態でListViewに表示されるサンプルを作成します。

ポイントとなるのは、Java標準ライブラリの Collections.shuffle() メソッドです。このメソッドを呼び出すだけで、リスト内の要素の順序を簡単にランダム化できます。

手順1：新規プロジェクトの作成

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

手順2：レイアウトファイル（res/layout/activity_main.xml）の編集

次のコードを 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が縦方向に配置されています。

手順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.EditText;
import android.widget.ListView;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.Collections;
import java.util.HashSet;
import java.util.Set;
public class MainActivity extends AppCompatActivity {
   EditText name;
   ArrayAdapter arrayAdapter;
   ArrayList<String> array_list;
   Set set = new HashSet();
   private ListView listView;
   @Override
   protected void onCreate(Bundle readdInstanceState) {
      super.onCreate(readdInstanceState);
      setContentView(R.layout.activity_main);
      array_list = new ArrayList<String>();
      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()) {
               set.add(name.getText().toString());
               array_list.clear();
               array_list.addAll(set);
               Collections.shuffle(array_list);
               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」ボタンをタップすると、入力された名前がHashSetに追加されます。HashSetを使用することで、同じ名前の重複登録を自動的に防ぐことができます。その後、データをArrayListにコピーし、Collections.shuffle() を呼び出して要素の順序をランダムに入れ替えます。最後にArrayAdapterを介してListViewに反映し、Toastで保存完了を通知します。入力欄が空のまま保存ボタンを押した場合は、エディットテキストにエラーメッセージが表示される仕組みです。

一方、「Refresh」ボタンを押すと notifyDataSetChanged() などによりListViewが再描画され、最新の状態に更新されます。

アプリの実行

それでは、アプリを実行してみましょう。実機のAndroid端末をPCに接続している場合は、Android Studioでアクティビティファイルのいずれかを開き、ツールバーの「Run」アイコンをクリックします。デバイスとして自分のモバイル端末を選択すると、端末に以下のような画面が表示されます。

上記の実行結果のように、保存した名前のリストがランダムな順序でListViewに表示されます。「Save」ボタンを押すたびに shuffle が実行されるため、表示される順序は毎回変わります。ぜひ実際に動かして、シャッフルの挙動を確認してみてください。