- Android Studio: получение JSON в ListView с сервера на хостинге. Урок № 3
- Смотрите видео: Android Studio: получение JSON в ListView с сервера на хостинге. Урок № 3
- Android Studio: получение JSON в ListView и ArrayAdapter. Урок № 2
- Смотрите видео: Android Studio: получение JSON в ListView и ArrayAdapter. Урок № 2
- Android programmers blog
- Поиск по этому блогу
- среда, 13 февраля 2013 г.
- Соединяемся с сервером и обрабатываем полученный json
Android Studio: получение JSON в ListView с сервера на хостинге. Урок № 3
Всем привет и это уже третья статья и видео, посвященные работе в Android Studio с json файлами.
Из этой статьи вы узнаете как в android studio получать данные из JSON в ListView с сервера на хостинге.
Мы всё ближе и ближе подходим к тому, чтобы наконец-то начать получать данные с сервера на хостинге, а вот сейчас мы займемся как раз разбором данного примера.
Мы загрузим наш тестовый json файл с пользователями на хостинг и будем получать данные уже непосредственно из интернета.
Надеюсь видео вам понравится, можете пока создается новый проект поставить пальцы вверх, подписаться на канал, и мы приступаем.
Смотрите видео: Android Studio: получение JSON в ListView с сервера на хостинге. Урок № 3
Создаем новый проект, выбираем emptyActivity , традиционно жмем Next, назовём новый проект Load json from url -01 , финиш.
Пока подготавливается проект, хочу сказать, что я выложил наш тестовый json файл на хостинг и буду использовать его в качестве примера. Вы можете выложить свой файл, как Вам будет удобно с вашим содержимым. Замечу, что заходить по ftp на сервер, создавать домены, поддомены, создавать директории на хостинге вы обязаны уметь.
Если мы перейдём по ссылке m1.maxfad.ru/api/users.json, то мы можем увидеть структуру файла, перечень пользователей, электронные адреса. Сейчас это всё находится уже на хостинге в интернете.
Давайте поработаем над нашим проектом, кое-что будем использовать из второго урока, код будет немного совпадать, кто не смотрел предыдущие примеры, обязательно посмотрите.
Давайте сразу через New Resource File снова сделаем row.xml , для вывода пунктов нашего списка, чуть позже вернемся к нему.
Откроем AndroidManifest.xml , в нем нужно будет указать разрешение для работы с интернетом.
Также нам понадобится gradle файл, и в него мы вставим имплементацию библиотеки, которую Вы наверное, уже знаете, может кто-то уже слышал, это volley, по крайней мере так я её произношу.
Синхронизируем gradle , произошло добавление, будем работать с этой библиотекой, она как раз используется для сетевых запросов, для получения данных с сайтов и тому подобного.
В AndroidManifest добавим пользовательское разрешение для работы с интернетом.
Хочу сделать маленькое замечание, пока мы не начали всё писать, поскольку у меня, а возможно такое будет и у вас, сертификат не распространяется на поддомены, то для того чтобы не выдавались сообщения об ошибке, Вам нужно будет включить в блок application следующюю запись.
Это вроде как позволяет работать с недостоверными, скажем так с точки зрения Google, сайтами это требование корпорации добра, для вашей безопасности. С манифестом и с gradle закончили.
Теперь перейдем в activity_main , по традиции мы снова будем делать listview , заменим на RelativeLayout , textview меняем на listview , убираем отсюда опять всё ненужное.
Так значит для listview добавим android:id listView , ширина и высота — wrap_content .
Добавим еще один элемент для отображения сетевой активности, ProgressBar ширина wrap_content , высота тоже wrap_content .
Сделаем видимость ProgressBar в
Вот теперь важное: для ProgressBar добавить нужно центрирование по горизонтали и по вертикали, чтобы элемент был по центру экрана.
Так он пока где-то находится, его не видно, можно посмотреть. он находится по центру и будет крутиться.
Перейдём в row.xml для вывода пунктов, сделаем здесь LinearLayout , ширина match_parent , а высота wrap_content , ориентация вертикальная, отступы – 16dp .
Так теперь добавим два textview , вы уже знаете какие, это у нас будут для name и email.
Добавим для видимости текст,
Так значит нам нужно будет создать новый класс для обработки. Наш класс мы назовём ListViewAdapter .
И теперь я буду вставлять куски кода, потому как мы его писали в прошлый раз, но для тех, кто не смотрел, кое-что расскажу, буду уже всё равно блоками вставать, поскольку он практически готов.
Снова напишем конструктор, в котором будем вызываться контекст, слой, которые у нас row , будем вызывать поля, в принципе можно там первое вызвать name и уже будет работать и список который будет передавать данные.
Метод super это всё вызывает, здесь присвоение переменных.
Ну и опять без изменений практически из второго видео, с некоторыми оговорками получается вот такая функция.
В getView определяем слой для вывода данных, обращаемся к элементам пункта name , email . В блоке обработки исключений try/catch циклично присваиваем текст, получая его из списка userlist .
Кто смотрел мое второе видео по json , тот знает, что это такое, в принципе больше на этом останавливаться не будем.
Теперь переходим в mainactivity и поработаем в ней. Итак, нам нужно будет объявить несколько переменных, переменная JSON_URL в которой мы будем хранить наш адрес, по которому будет лежать наш файл на сайте.
и ListView listView для списка.
Я надеюсь вы знаете как заливать файлы на хостинг, поэтому я не буду рассказывать, как мне удалось создать папку api в поддомене и положить туда файл, думаю это вам уже известно, если вы занимаетесь и обучайтесь разработке Android приложений для себя, либо по учёбе, по работе.
Сразу же мы получаем наш listView , наш список через findViewById
А вот теперь мы напишем вот такую строчку,
это по сути в onCreate больше ничего не будет. Дальше будет несколько функций, которые мы напишем в рукопашную.
И эта функция loadJSONFromURL будет вызывать наш адрес, и будем получать данные.
Далее напишем ручками Private void loadJSONFromURL , в качестве параметра Stirling передаём url .
Нужно будет обратиться к нашему элементу ProgressBar , который у нас указан в activity_main progressBar
ProgressBar надо будет сделать видимым
Теперь пишем StringRequest , обратите внимание это мы работаем с библиотекой volley ,
передаём наш url , пишем new Response.Listener
Открываем скобки пишем @Override ,
Нам нужно добавить метод onResponse , подключить сюда onResponse .
Далее делаем ProgressBar не видимым.
Всё мы его скрыли, теперь у нас идёт обработчик исключений try , пишем
и указываем нашу таблицу users , которая у нас внутри файла users.json .
Объявляем ArrayList JSONObject
и вот здесь мы напишем ту функцию, которую мы писали в прошлый раз.
В прошлый раз, я хочу напомнить, мы её вставим вне функций, мы её Встаём целиком и полностью, можете скопировать её из второго примера. Поскольку будем выполнять то же самое действие здесь.
Не буду останавливаться, но тут происходит наполнение данными из массива. Передаём jsonArray , далее пишем ListAdapter adapter
И теперь для списка установим адаптер
Блок исключений catch
Далее идет Response.ErrorListener
В нем Toast выводит ошибки. Что такое тосты уже знаете, последние две строчки данной функции
Вот теперь только вызываться наша библиотека, которая в конце концов вызовет наконец-то запрос и сформирует нужный результат.
Так, здесь я пропустил запятую после переменной url , и в принципе больше у нас ни каких нюансов быть не должно… А они будут…)
Сохраняем, запускаем… Эмулятор запустился, и мы получили данные…
Поскольку наш файл вряд ли был в кодировке UTF-8 , но здесь должен быть четко UTF-8 . Напишу для себя UTF-8 , должна быть такая кодировка, тогда у нас будут русские буквы, русский текст нормально выглядить.
Сложно догадаться, что это Коля, Вася, Федя, и тому подобное, хотя email отобразился нормально.
Значит нам нужно будет написать ещё одну небольшую функция, которая превратит наш ответ – response , превратит эту кашу в кодировку UTF-8 .
Итак давайте исправим это недоразумение, написав еще одну функцию EncodingToUTF8
В качестве параметра передаём string response , сразу try обработчик, пишем массив байт, code
Ответ в строку, получим байты в кодировке ISO-8859-1 , западноевропейская кодировка, и конвертируем в UTF-8 , перегоним нашу абракадабру в понятный вид.
После обработки ошибок Catch вернем строковое значение response.
Вот такая получилась небольшая функция в принципе когда мы перейдём наконец-то в четвёртый урок, в четвёртом занятие, мы будем получать данные уже непосредственно из PHP с базы данных на хостинге, и этот костыль не понадобится, поскольку мы обойдемся без неё, там уже будем конвертировать текст, можно в базе указать.
И давайте её вызовем EncodingToUTF8 наш response , сохраним и перезапустим.
Вот так, всего лишь одна небольшая функция и мы превратили абракадабру во вполне понятной вид.
Источник
Android Studio: получение JSON в ListView и ArrayAdapter. Урок № 2
Всем привет, и сегодня мы продолжим рассматривать возможности работы с 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 , сейчас поработаем с безымянном массивом, позже я покажу как работать с этим файлом, сохраним, закроем файл.
Откроем 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
Давайте создадим новый класс которая нас будет отвечать за работу с данными в json файле и списком.
Назовем его UserAdapter , адаптер будет наследоваться от
Нам нужна будет int переменная listLayout , ArrayList list и как уже говорилось контекст, Context context .
Далее напишем конструктор
Напишем присвоение переменных
Ну теперь нам нужно будет сделать, как мы в прошлый раз делали, получение нашего View , создадим Layout inflator , который будет обращаться к объекту, к нашему файлу разметки row.xml для отображения пунктов списка.
Вот так у нас выглядит наш обработчик, здесь получилось, что мы меньше писали кода в классе UserAdapter чем в прошлом примере.
Теперь перейдем в mainactivity и продолжим, поскольку у нас массив users.json безымянный, нам проще обратиться к нашему файлу, чем если бы он имел имя.
Пишем в onCreate
И ниже, вне onCreate напишем функцию getJSonData
Объявим переменную и проинициализируем ее.
В блоке обработки исключений try/catch получим содержимое файла
Источник
Android programmers blog
Simply about difficult
Поиск по этому блогу
среда, 13 февраля 2013 г.
Соединяемся с сервером и обрабатываем полученный json
Не думаю что я буду оригинальным в этой теме так как в интернете полным полно примеров которые должны вроде бы как показать как правильно работать, но у меня как у криворукого говнокодера примеры почему-то запускаются только с сайта stackowerflow, поэтому я решил сделать так называемую заметку на будущее если понадобится работать еще с json и с post / get запросами, всегда будет готовый пример / код под рукой.
И так начнем, для начала нам нужен сервер который нам будет возвращать что либо, для этого нам понадобится wamp server который будет эмулировать наш сервер на компьютере, что бы не покупать хостинг за большие деньги, и конечно же нам нужно его настроить, настройка очень простая, запусукаем инсталятор, ждем пока проинсталируется и запускаем наш сервер, дальше по пути где вы установили открываем папку wamp/www/ и закидываем туда login.php к которому мы будем обращаться.
Так как мы пишем приложение с работой с удаленным сервером я напишу небольшой скрипт который будет при правильном логине и пароле выдавать нам json строку которую позже мы будем парсить на телефоне.
Открываем в блокноте наш login.php и пишем вот этот код:
Тут все просто, при получении данных постом сервер их обрабатывает и сравнивает с теми данными которые у него есть, то есть user и pass, если они сходятся значит все отлично и можно отдавать json.
Теперь закидывайте этот файл в wamp/www/ и можно начинать писать клиентскую часть приложения. Создайте андроид проект и начнем.
Первая активность у нас будет посылать post запрос на сервер с логином и паролем, вторая активность принимает ответ от сервера и обрабатываем его для вывода в листвью.
Комментарии описывают весь функционал, остальное впринципе нам не сильно нужно, его я добавил чисто для карсоты.
Запрос мы выполняем в AsyncTask для меньшей загружености телефона, и что бы он не зависал при обработке запроса.
Ах да, как я забыл про разметочку нашей активити, вот она родимая ниже:
Воот, теперь нам нужно создать вторую активность которая будет принимать наш json и парсить его, для вывода в листвью. Там так же не сильно много кода, он простой и понятный, конечно же присутствуют комментарии.
Опять же в комментариях я максимально пытался объяснить как и что делается в этом коде, надеюсь дальнейшего пояснения он не требует.
Ну и осталось только создать разметку для второй активности, первая у нас главная, в ней listView в который все будет размещаться, а вторая это собственно сама разметка listView так как я захотел что бы он выглядел. В общем смотрите сами.
и сама разметка listview
Не забываем так же прописать в AndroidManifest доступ в интернет:
И доступ к второй активности:
Вот теперь запускаем и проверяем как оно работает. Исходники я закинул на гит так что у тех у кого не получилось что либо смотрите их.
Источник