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

AndroidでVolleyのデータを並べ替える方法|サンプルコードでわかりやすく解説

はじめに

このチュートリアルでは、AndroidアプリでVolleyライブラリを使ってサーバーから取得したJSONデータを並べ替え(ソート)し、画面に表示する方法を解説します。具体的には、APIからユーザー名の一覧を取得し、アルファベット順にソートした結果をTextViewに表示するサンプルアプリを作成していきます。

ステップ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: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>

このレイアウトでは、ソート済みのVolleyデータ(ユーザー名の一覧)を表示するための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 android.widget.Toast;
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.ArrayList;
import java.util.Collections;
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 List<String> 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=array.length()-1;i>=0;i--) {
                  JSONObject object1=array.getJSONObject(i);
                  String name =object1.getString("name");
                  list.add(name);
               }
            } catch (JSONException e) {
               e.printStackTrace();
            }
            Collections.sort(list);
            textView.setText(list.toString());
         }
      }, new Response.ErrorListener() {
         @Override
         public void onErrorResponse(VolleyError error) {
            Log.d("error",error.toString());
         }
      });
      queue.add(request);
}
}

上記のコードでは、以下のような流れで処理を行っています。

  • VolleyのRequestQueueを使って、指定したURLへGETリクエストを送信
  • レスポンスとして受け取ったJSONから「users」配列を取り出す
  • 各ユーザーオブジェクトの「name」フィールドをListに格納
  • Collections.sort() メソッドで名前を昇順(アルファベット順)にソート
  • ソート結果をTextViewに表示

ステップ4:AndroidManifest.xmlを編集する

インターネット通信を行うため、AndroidManifest.xml にインターネット権限(INTERNETパーミッション)を追加します。

<?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>

ステップ5:build.gradleに依存関係を追加する

最後に、build.gradle(appレベル) にVolleyライブラリの依存関係を追加します。

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'
}

特に重要なのは、Volley本体を読み込む以下の行です。これが無いとVolleyのクラスを利用できません。

implementation 'com.android.volley:volley:1.1.0'

アプリを実行して動作を確認しよう

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

AndroidでVolleyのデータを並べ替える方法|サンプルコードでわかりやすく解説


まとめ

Volleyで取得したJSONデータも、一度Listに格納してしまえば Collections.sort() を使って簡単に並べ替えられます。降順にしたい場合は Collections.sort(list, Collections.reverseOrder()) を使うと良いでしょう。また、数値や日付など別の条件でソートしたい場合も、Comparatorを渡すことで柔軟に対応できます。ぜひ自分のアプリでも試してみてください。

  1. Androidで線を引く方法とは?Canvasを使った描画手順をステップ解説

    この記事では、Androidアプリで線を描画する方法を、実際のサンプルコードとともにステップごとに解説します。BitmapとCanvasを組み合わせれば、ボタンをタップしたタイミングで画面上に線を簡単に描くことができます。 作成するアプリの概要 今回作成するのは、画面下部の「Draw Line」ボタンを押すと、中央のImageView上に赤い横線が表示されるシンプルなアプリです。レイアウトの定義、MainActivityへの処理の記述、マニフェストファイルの確認という流れで進めていきます。 ステップ1:新規プロジェクトを作成する Android Studioを起動し、「File」→「New P

  2. 【Android開発】Volleyライブラリを使ってJSONを解析する方法をステップ解説

    Volleyライブラリとは この記事では、AndroidアプリでVolleyライブラリを使用してJSONデータを解析(パース)する方法を、ステップごとにわかりやすく解説します。VolleyはGoogleが提供するHTTP通信ライブラリで、ネットワークリクエストの管理やJSONの取得・解析を少ないコード量で実現できるのが特徴です。 ステップ1:新規プロジェクトの作成 まず、Android Studioで新しいプロジェクトを作成します。メニューから「File」→「New Project」を選択し、必要な項目をすべて入力してプロジェクトを生成してください。 ステップ2:レイアウトファイル(act