|
|
@@ -210,6 +210,42 @@ mapView
|
|
|
)
|
|
|
```
|
|
|
|
|
|
+### Использование библиотеки Glide для загрузки изображений
|
|
|
+
|
|
|
+Библиотека **Glide** предназначена для асинхронной подгрузки изображений из сети, ресурсов или файловой системы, их кэширования и отображения. Библиотека имеет дополнительную функциональность в виде поддержки анимированных GIF-файлов и видео.
|
|
|
+
|
|
|
+>Кстати, Google высоко оценивает качество библиотеки и даже включила её в состав одного шаблона в Android Studio.
|
|
|
+
|
|
|
+1. Добавить в зависимости:
|
|
|
+
|
|
|
+ ```txt
|
|
|
+ implementation 'com.github.bumptech.glide:glide:4.14.2'
|
|
|
+ annotationProcessor 'com.github.bumptech.glide:compiler:4.14.2'
|
|
|
+ ```
|
|
|
+
|
|
|
+1. При получении данных из АПИ сразу формировать полный URL картинки
|
|
|
+
|
|
|
+ ```kt
|
|
|
+ var car = Car(
|
|
|
+ item.getString("model"),
|
|
|
+ "http://carsharing.kolei.ru/images/${item.getString("photo")}"
|
|
|
+ )
|
|
|
+ ```
|
|
|
+
|
|
|
+1. При необходимости загрузить изображение вызываем конструкцию
|
|
|
+
|
|
|
+ ```kt
|
|
|
+ Glide.with(this)
|
|
|
+ .load(car.photoUrl)
|
|
|
+ .into(carPhotoImageView)
|
|
|
+ ```
|
|
|
+
|
|
|
+ где
|
|
|
+
|
|
|
+ * *this* - контекст (активность)
|
|
|
+ * *car.photoUrl* - полный путь к изображению
|
|
|
+ * *carPhotoImageView* - как должно быть понятно из названия, указатель на визуальный элемент
|
|
|
+
|
|
|
<!-- TODO дописать про анимацию -->
|
|
|
|
|
|

|