Створюємо новий проект, вибираємо Blank Activity. Для початку, щоб наш додаток змогло працювати з бібліотеками Picasso, їх потрібно встановити. Як це робити було вже докладно розглянуто в статті про підключення бібліотек. Коротко нагадаю: тиснемо File --- Project Structure. вкладка Dependencies. тиснемо на зелений плюсик, вибираємо Library Dependency.
і у вікні, знаходимо бібліотеку Picasso.
Після цього доведеться трохи почекати поки Android Studio застосує нові налаштування до проекту.
Тепер приступаємо до самого додатком. Нам потрібно для початку створити кілька елементів ImageView в яких будуть відображатися завантажені з допомогою Picasso зображення. Відкриваємо файл activity_main.xml і додамо туди наступне:
Ми додали 4 елементи ImageView. картинки ic_launcher тут застосовані виключно для наочності:
Так як наш додаток буде завантажувати зображення з Інтернету, то нашому додатку потрібно дати дозвіл на використання Інтернету. Йдемо в файл маніфесту AndroidManifest.xml і додамо туди рядок (перед тегом
Ну а тепер переходимо до роботи в файлі MainActivity.java. Нам потрібно оголосити 4 об'єкти типу ImageView. прив'язати їх до наших елементів і, використовуючи бібліотеку Picasso. завантажити 4 зображення і відобразити їх в оголошених ImageView. Ось повний код MainActivity.java:
Пояснення по Picasso дані прямо в коді, але все таки звернемо увагу на них ще раз. Підключаємо бібліотеку командою Picasso.with (this) - для нашого Activity підключається використання бібліотеки Picasso. Далі по самій бібліотеці:
- .load - команда для завантаження зображення з ресурсу;
- .error - вказуємо, що буде відображено в разі збою завантаження;
- .placeholder - налаштовуємо зображення, яке буде показуватися в елементах ImageView поки не буде завантажено зображення з Інтернету;
- .resize - виставляємо розмір зображення, яке відобразиться;
- .into - посилаємося на елемент ImageView в якому буде відображено зображення.
Ось в принципі і все! Сподіваюся у вас все вийшло, тут все насправді досить просто. Запускаємо наш додаток і тестуємо: