【Android】Volleyで取得したJSONデータをAbstractListに格納してソートする方法

この記事では、Androidアプリ開発において、Volleyライブラリで取得したJSON配列データをAbstractListに格納し、並べ替えて画面に表示する方法を、サンプルコードとともに段階的に解説します。

手順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:gravity="center"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <TextView
        android:id="@+id/text"
        android:textSize="30sp"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

上記のレイアウトでは、取得したデータを表示するためのTextViewを画面中央に配置しています。

手順3：MainActivity.javaを実装する

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

package com.example.myapplication;
import android.os.Build;
import android.os.Bundle;
import android.support.annotation.RequiresApi;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.widget.TextView;
import com.android.volley.Request;
import com.android.volley.RequestQueue;
import com.android.volley.Response;
import com.android.volley.VolleyError;
import com.android.volley.toolbox.StringRequest;
import com.android.volley.toolbox.Volley;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
import java.util.AbstractList;
import java.util.ArrayList;
import java.util.Collections;
import java.util.Comparator;
import java.util.List;
public class MainActivity extends AppCompatActivity {
    TextView textView;
    RequestQueue queue;
    String URL = "https://www.mocky.io/v2/597c41390f0000d002f4dbd1";
    @RequiresApi(api = Build.VERSION_CODES.N)
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        textView = findViewById(R.id.text);
        final AbstractList<UserInfo> list=new ArrayList<>();
        queue = Volley.newRequestQueue(this);
        StringRequest request = new StringRequest(Request.Method.GET, URL, new Response.Listener<String>() {
            @Override
            public void onResponse(String response) {
                try {
                    JSONObject object=new JSONObject(response);
                    JSONArray array=object.getJSONArray("users");
                    for(int i=0;i<array.length();i++) {
                        JSONObject object1=array.getJSONObject(i);
                        String name =object1.getString("name");
                        String id =object1.getString("id");
                        list.add(new UserInfo(name,id));
                    }
                    Collections.sort(list, new Comparator<UserInfo>() {
                        @Override
                        public int compare(UserInfo o1, UserInfo o2) {
                            return o1.id.compareTo(o2.id);
                        }
                    });
                    textView.setText("id: "+list.get(0).id+ " \nname: "+list.get(0).name);
                } catch (JSONException e) {
                    e.printStackTrace();
                }
            }
        }, new Response.ErrorListener() {
            @Override
            public void onErrorResponse(VolleyError error) {
                Log.d("error",error.toString());
            }
        });
        queue.add(request);
    }
    private class UserInfo {
        String name,id;
        public UserInfo(String name, String id) {
            this.name=name;
            this.id=id;
        }
    }
}

上記のコードでは、まず AbstractList型（実装クラスはArrayList） のリストを用意しています。VolleyのStringRequestでサーバーからJSON文字列を取得した後、JSONObjectとJSONArrayを使って「users」配列を解析し、各ユーザーのnameとidを取り出して内部クラスUserInfoのオブジェクトとしてリストに追加していきます。

全件の追加が完了したら、Collections.sort()とComparatorを組み合わせてidの昇順に並べ替えを行い、ソート後の先頭要素（idが最小のユーザー）の情報をTextViewに表示しています。通信エラーが発生した場合はonErrorResponse()内でログに出力される仕組みです。

手順4：AndroidManifest.xmlにパーミッションを追加する

AndroidManifest.xml に以下のコードを追加します。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
    package="com.example.myapplication">
    <uses-permission android:name="android.permission.INTERNET" />
    <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" />
                <action android:name="android.net.conn.CONNECTIVITY_CHANGE" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>

インターネット通信を行うためには、<uses-permission android:name="android.permission.INTERNET" /> の宣言が不可欠です。この記述がないとネットワークリクエストがすべて失敗するため、必ず追加してください。

手順5：build.gradleに依存関係を追加する

build.gradle に以下のコードを追加します。

apply plugin: 'com.android.application'
android {
    compileSdkVersion 28
    defaultConfig {
        applicationId "com.example.myapplication"
        minSdkVersion 15
        targetSdkVersion 28
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
        }
    }
}
dependencies {
   implementation fileTree(dir: 'libs', include: ['*.jar'])
   implementation 'com.android.volley:volley:1.1.0'
   implementation 'com.android.support:appcompat-v7:28.0.0'
   implementation 'com.android.support.constraint:constraint-layout:1.1.3'
   testImplementation 'junit:junit:4.12'
   androidTestImplementation 'com.android.support.test:runner:1.0.2'
   androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}

dependenciesブロックに com.android.volley:volley を追加することで、VolleyによるHTTP通信機能が利用できるようになります。

アプリを実行してみる

それでは実際にアプリを実行しましょう。あらかじめAndroid端末をPCに接続しておいてください。Android Studioでプロジェクト内のアクティビティファイルを開き、ツールバーの実行アイコンをクリックします。デバイス選択ダイアログで自分のモバイル端末を選ぶと、実機の画面にソート済みのユーザー情報が表示されます。