Android Studio: получение JSON в ListView и ArrayAdapter. Урок № 2

: Категория: Android; Опубликовано: 04 декабря 2020; Просмотров: 5133

json
android

Всем привет, и сегодня мы продолжим рассматривать возможности работы с json файлами в Android Studio.

На этот раз будем использовать listView для отображения данных, хочу напомнить, что в прошлом видео мы работали с recyclerview и cardview, и сегодня будем делать макет попроще, будет иной принцип подключения файла json со списком.

Подобный пример можно использовать в качестве различных справочных андроид приложений, для курсовых и дипломных работ, храня данные в локальном файле, так что приятного просмотра, будет интересно.

Смотрите видео: Android Studio: получение JSON в ListView и ArrayAdapter. Урок № 2

Давайте создадим новый проект с пустой активностью, дадим названием, как вы помните в прошлый раз проект назывался Load Json from assets -01, назовем также с цифрой два, Load Json from assets -02.

Проект у нас загружен, и давайте создадим папку assets для json файла, создадим новый файл users.json, на этот раз вставим значение, но без имени массива users, сейчас поработаем с безымянном массивом, позже я покажу как работать с этим файлом, сохраним, закроем файл.

[
  {
    "id": "1",
    "name": "Коля",
    "email": "qwerty@ gmail.com" //пробелы в почте специально!!! при копировании удалить вместе с комментом
  },
  {
    "id": "2",
    "name": "Вася",
    "email": "abc@ gmail.com"
  },
  {
    "id": "3",
    "name": "Федя",
    "email": "def@ gmail.com"
  },
  {
    "id": "4",
    "name": "Юра",
    "email": "xyz@ gmail.com"
  }
]

Откроем activity_main.xml, заменим виджет ConstraintLayout на RelativeLayout, а TextView изменения на ListView. Уберём отсюда всё лишнее и добавим Android:id ListView.

Список ListView будет для общего плана, а для пунктов списка создадим в папке layout ещё один Resource File, как и в прошлом примере назавем его row.xml. Заменим в разметке RelativeLayout, id не нужен, добавим отступы 6dp.

Внутри RelativeLayout добавим LinearLayout, ориентация – вертикальная, внутренний отступ – 5dp.

Так же добавим два TextView с id, name и email, соответственно, размер текста – 30sp.

Для RelativeLayout и LinearLayout установим ширину - match_parent, высоту - wrap_content, с разметкой закончили.

Переходим в MainActivity, объявим переменную типа ListView – listview, обратимся к элементу экрана из кода через findviewbyid

listView = findViewById(R.id.listView).

Давайте создадим новый класс которая нас будет отвечать за работу с данными в json файле и списком.

Назовем его UserAdapter, адаптер будет наследоваться от

extends ArrayAdapter< JSONObject >

Нам нужна будет int переменная listLayout, ArrayList< JSONObject > list и как уже говорилось контекст, Context context.

Далее напишем конструктор

public UserAdapter(Context context, int listLayout, int field ,ArrayList< JSONObject > list)

затем

super(context,listLayout,field,list).

Напишем присвоение переменных

this.context=context;
this.listLayout=listLayout;
this.list=list;

Ну теперь нам нужно будет сделать, как мы в прошлый раз делали, получение нашего View, создадим Layout inflator, который будет обращаться к объекту, к нашему файлу разметки row.xml для отображения пунктов списка.

public View getView(int position, View convertView, ViewGroup parent){
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View itemView = inflater.inflate(listLayout,parent,false);
        TextView name = itemView.findViewById(R.id.name);
        TextView email = itemView.findViewById(R.id.email);
        try {
            name.setText(list.get(position).getString("name"));
            email.setText(list.get(position).getString("email"));
        }catch (JSONException e){
            e.printStackTrace();
        }
        return itemView;
    }

Вот так у нас выглядит наш обработчик, здесь получилось, что мы меньше писали кода в классе UserAdapter чем в прошлом примере.

Теперь перейдем в mainactivity и продолжим, поскольку у нас массив users.json безымянный, нам проще обратиться к нашему файлу, чем если бы он имел имя.

Пишем в onCreate

JSONArray jsonArray = getJSonData("users.json");

И ниже, вне onCreate напишем функцию getJSonData

private JSONArray getJSonData(String filename)

она будет принимать имя файла filename.

Объявим переменную и проинициализируем ее.

JSONArray jsonArray = null

В блоке обработки исключений try/catch получим содержимое файла

InputStream inputStream = getResources().getAssets().open(filename);

Узнаем размер

int size = inputStream.available();

создадим массив байт

byte[] data = new byte[size];

прочитаем его

inputStream.read(data);

закроем

inputStream.close();

Далее в строковую переменную String json поместим значение переменной data в формате как Вы уже догадались UTF-8

String json = new String(data,"UTF-8");

И теперь в переменную jsonArray поместим массив из строковой переменной json.

jsonArray = new JSONArray(json);

В обработке исключений IOException переменная e, и e.printStackTrace().

Еще один блок Catch теперь исключение JSONException js, и js.printStackTrace().

Наша функция должна вернуть return jsonarray.

Функция, которая будет обрабатывать наш json файл у нас уже есть. теперь нам нужно будет написать ещё один обработчик работы с ListView для вывода наших данных.

Давайте ещё напишем приватную функцию

private ArrayList< JSONObject > getArrayListFromJSONArray(JSONArray jsonArray)

в качестве параметра буду передавать JSONArray переменная jsonArray

Создадим

ArrayList< JSONObject > aList = new ArrayList< JSONObject >();

Это будет возвращаемая переменная в конце, а пока она будет для накопления данных из ArrayList.

Снова блок try/catch, в try мы напишем если jsonArray не равно null,

if(jsonArray!= null)

то в цикле for

for(int i = 0; i< jsonArray.length();i++){
aList.add(jsonArray.getJSONObject(i));
}

В наш aList через метод add - добавить, будем наполнять из jsonArray.getJSONObject. Снова блок исключения,

catch (JSONException js){
            js.printStackTrace();

возвращаемое значение return alist.

Вот что у нас получилось, с основной частью мы закончили, возвращаемся в это место и вернёмся к нашей функции onCreate.

Напишем

ArrayList< JSONObject > listItems = getArrayListFromJSONArray(jsonArray)
ListAdapter adapter = new UserAdapter(this, R.layout.row,R.id.name,listItems)
listIView.setAdapter(adapter)

Так у нас выглядит весь код, сохранимся. Можно попробовать запустить его на выполнение в эмуляторе, он запустился у меня на другом мониторе и вот у нас получились элементы списка с именами Коля, Вася, Федя, Юра и их почтовые адреса.

Мы добились того, чего хотели, применили для вывода из json элемент listView вместо recyclerview и cardview.

В нашем gradle файле ничего как видите не указано из прошлого видео примера.

Теперь давайте сделаем наш массив именным, и как нам получить из него данные назовем его users, вот так у нас выглядел бы наш массив, как прошлом примере.

{"users":[
  {
    "id": "1",
    "name": "Коля",
    "email": "qwerty@ gmail.com" //пробелы в почте специально!!! при копировании удалить вместе с комментом
  },
  {
    "id": "2",
    "name": "Вася",
    "email": "abc@ gmail.com" 
  },
  {
    "id": "3",
    "name": "Федя",
    "email": "def@ gmail.com" 
  },
  {
    "id": "4",
    "name": "Юра",
    "email": "xyz@ gmail.com" 
  }
]}

Если запустить приложение в списке ничего нет. Вроде один и тот код, и файл тот же, но ничего не происходит. Давайте теперь перепишем функцию так, чтобы нам возвращалась значение из именного массива.

Значит это часть у нас пока останется, поскольку здесь у нас возвращается массив, нам нужно будет получить строки.

Для этого нам нужно будет изменить код следующим образом напишем блок try/catch

JSONObject jsonObject = new JSONObject(getJSonData("users.json")).

И обратимся к массиву users внутри json файла

jsonArray = jsonObject.getJSONArray("users");
catch (JSONException e){
            e.printStackTrace();

Закомментируем строку из первого примера, теперь getJSonData у нас должно возвращать строковое значение, давайте вот так если мы захотим вернуться, то нам нужно будет изменить JSONArray на String

private String getJSonData(String filename){

jsonArray давайте я тоже закомментирую, продублирую и изменю тип на String

String json = null;

и закомментируем здесь

//jsonArray = new JSONArray(json);

Удалим блок исключения JSONExeption, и теперь функция возвращает строковое значение.

Теперь можно запустить по новой и посмотреть, что получится в итоге. Как видите при таком способе у нас из json файла с именем массива users получены данные.

Если мы теперь опять уберём имя массива, то естественно у нас больше ничего работать не будет потому такие нюансы нужно учитывать при работе с json.

Cкачать архив для ознакомления - Android Studio: получение JSON в ListView и ArrayAdapter. Урок № 2:

ZIP архив с проектом

Полный текст activity_main.xml

< ?xml version="1.0" encoding="utf-8"?>
< RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    < ListView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/listView"/>

< /RelativeLayout>

Полный текст row.xml

< ?xml version="1.0" encoding="utf-8"?>
< RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="6dp">

    < LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="5dp">
        < TextView
            android:id="@+id/name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="name"
            android:textSize="30sp"/>

        < TextView
            android:id="@+id/email"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="name"
            android:textSize="30sp"/>
    < /LinearLayout>

< /RelativeLayout>

Полный текст MainActivity.java

package ru.maxfad.loadjsonfromassets_02;

import android.os.Bundle;
import android.widget.ListAdapter;
import android.widget.ListView;
import androidx.appcompat.app.AppCompatActivity;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
import java.io.IOException;
import java.io.InputStream;
import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {
    ListView listView;
    JSONArray jsonArray;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView = findViewById(R.id.listView);
        try {
            JSONObject jsonObject = new JSONObject(getJSonData("users.json"));
            jsonArray = jsonObject.getJSONArray("users");
        }catch (JSONException e){
            e.printStackTrace();
        }
        ArrayList< JSONObject> listItems = getArrayListFromJSONArray(jsonArray);
        ListAdapter adapter = new UserAdapter(this,R.layout.row,R.id.name,listItems);
        listView.setAdapter(adapter);
    }

    //private JSONArray getJSonData(String filename){
    private String getJSonData(String filename){
     //JSONArray jsonArray = null;
     String json = null;
     try {
         InputStream inputStream = getResources().getAssets().open(filename);
         int size = inputStream.available();
         byte[] data = new byte[size];
         inputStream.read(data);
         inputStream.close();
         json = new String(data,"UTF-8");
         //jsonArray = new JSONArray(json);
     }catch (IOException e){
         e.printStackTrace();
     }
        //return jsonArray;
        return json;
    }
    private ArrayList< JSONObject> getArrayListFromJSONArray(JSONArray jsonArray){
        ArrayList< JSONObject> aList = new ArrayList< JSONObject>();
        try {
            if(jsonArray!= null){
                for(int i = 0; i< jsonArray.length();i++){
                    aList.add(jsonArray.getJSONObject(i));
                }
            }
        }catch (JSONException js){
            js.printStackTrace();
        }
        return aList;
    }
}

Полный текст UserAdapter.java

package ru.maxfad.loadjsonfromassets_02;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.TextView;
import org.json.JSONException;
import org.json.JSONObject;
import java.util.ArrayList;

public class UserAdapter extends ArrayAdapter< JSONObject> {
    int listLayout;
    ArrayList< JSONObject> list;
    Context context;

    public UserAdapter(Context context, int listLayout, int field ,ArrayList< JSONObject> list){
        super(context,listLayout,field,list);
        this.context=context;
        this.listLayout=listLayout;
        this.list=list;
    }

    public View getView(int position, View convertView, ViewGroup parent){
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View itemView = inflater.inflate(listLayout,parent,false);
        TextView name = itemView.findViewById(R.id.name);
        TextView email = itemView.findViewById(R.id.email);
        try {
            name.setText(list.get(position).getString("name"));
            email.setText(list.get(position).getString("email"));
        }catch (JSONException e){
            e.printStackTrace();
        }
        return itemView;
    }
}

Смотрите видео: Android Studio: получение JSON в ListView и ArrayAdapter. Урок № 2

С уважением, авторы сайта Компьютерапия

Android Studio: получение JSON в ListView и ArrayAdapter. Урок № 2

Смотрите видео: Android Studio: получение JSON в ListView и ArrayAdapter. Урок № 2

Cкачать архив для ознакомления - Android Studio: получение JSON в ListView и ArrayAdapter. Урок № 2:

Полный текст activity_main.xml

Полный текст row.xml

Полный текст MainActivity.java

Полный текст UserAdapter.java

Смотрите видео: Android Studio: получение JSON в ListView и ArrayAdapter. Урок № 2

Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!

Связанные статьи

Новые статьи

Предыдущие статьи

Поделиться в соцсетях

Подписаться на канал

ТОП-10 статей

Свежие записи