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

AndroidでVolleyを使ってカスタムオブジェクトのArrayListを取得する方法【初心者向け解説】

この記事では、Androidアプリ開発においてVolleyライブラリを使ってサーバーから取得したJSONデータを、カスタムオブジェクト(UserInfoクラス)のArrayListに格納して扱う方法を解説します。ネットワーク通信の結果をオブジェクトとして管理したい場合に役立つテクニックです。

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

このコードでは、カスタムArrayListのオブジェクト要素(ユーザーの名前とメールアドレス)を表示するための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.ArrayList;
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<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 email =object1.getString("email");
                         list.add(new UserInfo(name,email));
                    }
                    textView.setText("email: "+list.get(0).email+ " \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,email;
        public UserInfo(String name, String email) {
this.name=name;
this.email=email;
}
}
}

処理のポイント:VolleyのStringRequestでGET通信を行い、レスポンスとして受け取ったJSON文字列から「users」というキーのJSONArrayを取り出します。その後、ループ処理で各要素から「name」と「email」を取得し、カスタムクラスUserInfoのインスタンスとしてArrayListに追加していきます。最後にリストの先頭要素をTextViewに表示しています。

ステップ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 ファイルに以下のコードを追加し、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'
}

dependenciesブロック内の'com.android.volley:volley:1.1.0'という行がVolleyライブラリの読み込み設定です。追加後は必ず「Sync Now」を実行して同期してください。

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

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

AndroidでVolleyを使ってカスタムオブジェクトのArrayListを取得する方法【初心者向け解説】

画面には、サーバーから取得した最初のユーザーのメールアドレスと名前が表示されれば成功です。この仕組みを応用すれば、RecyclerViewなどと組み合わせて複数のユーザーデータを一覧表示することも可能になります。

  1. AndroidでVolleyを使ってArrayListに要素を取得・表示する方法

    はじめにこの記事では、AndroidアプリでVolleyライブラリを使ってサーバーからJSONデータを取得し、その結果をArrayList(配列リスト)に格納して画面に表示する方法を解説します。VolleyはGoogleが提供するHTTP通信ライブラリで、ネットワークリクエストの管理やレスポンスの処理をシンプルなコードで実現できるのが特徴です。本チュートリアルでは、モックAPIからユーザーデータを取得し、「users」配列内の各ユーザーの「name」を抽出してArrayListに追加し、TextViewに一覧表示するサンプルアプリを作成します。手順1:新規プロジェクトの作成Android St

  2. 【Android開発】インストール済みアプリの一覧を取得して表示する方法

    この記事では、Android端末にインストールされているアプリケーションの一覧を取得し、ListViewで画面に表示する方法を解説します。PackageManagerクラスを利用すれば、端末内のパッケージ情報に簡単にアクセスできるようになります。 手順1:新規プロジェクトを作成する Android Studioを起動し、メニューから「File」→「New Project」を選択します。必要な項目を入力して、新しいプロジェクトを作成してください。 手順2:レイアウトファイル(activity_main.xml)を編集する res/layout/activity_main.xml に以下のコードを