RecyclerView — это действительно классный и мощный инструмент для отображения списка(ов) содержимого на Android. Существует масса отличных статей и примеров о различных решениях RecyclerView, поэтому здесь мы не будем их рассматривать. Основное внимание будет уделено созданию бесконечных списков с автоматической прокруткой.
Как мы можем решить эту проблему?
Одна вещь, которая приходит на ум, — это создать список элементов, которые повторяются столько раз, что можно представить его как бесконечный. Хотя это решение вполне работоспособно, оно немного расточительно, но мы можем попытаться сделать лучше, не так ли?
Давайте перейдем непосредственно к коду для настройки FeaturesAdapter , который имплементирует ListAdapter.
class FeaturesAdapter : ListAdapter(FeatureDiffCallback()) < override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder < val view = LayoutInflater .from(parent.context) .inflate(R.layout.item_feature_tile, parent, false) return FeatureItemViewHolder(view) >override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) < val itemViewHolder = holder as FeatureItemViewHolder itemViewHolder.bind(getItem(position)) >inner class FeatureItemViewHolder(view: View) : RecyclerView.ViewHolder(view) < fun bind(feature: Feature) < with(itemView) < imageFeature.setImageResource(feature.iconResource) imageFeature.contentDescription = feature.contentDescription >> > > class FeatureDiffCallback : DiffUtil.ItemCallback()
Адаптер, реализующий ListAdapter, который вычисляет различия между списками по мере их обновления.
Обзор сервиса Reptilicus — личный кабинет (New Клиент)
Почему ListAdapter?
RecyclerView.Adapter — это базовый класс для представления данных списка в RecyclerView, включая вычисление различий между списками в фоновом потоке. Этот класс является удобной оберткой вокруг AsyncListDiffer, которая имплементирует общее поведение Adapter по умолчанию для доступа к элементам и подсчета.
Но почему сравнение (diff, diffing) имеет значение, когда мы просто хотим показать несколько одинаковых элементов в цикле? Давайте углубимся в код и посмотрим.
private fun setupFeatureTiles(featuresList: List) < with(recyclerFeatures) < layoutManager = LinearLayoutManager(context, RecyclerView.HORIZONTAL, false) adapter = featuresAdapter >featuresAdapter.submitList(featuresList) lifecycleScope.launch < autoScrollFeaturesList() >>
Функция имеет параметр для списка свойств, которые могут быть предоставлены ViewModel . Этот список передается адаптеру в качестве начального, и запускается корутина с вызовом autoScrollFeaturesList . Это и есть основная логика, приведенная ниже.
private tailrec suspend fun autoScrollFeaturesList() < if (recyclerFeatures.canScrollHorizontally(DIRECTION_RIGHT)) < recyclerFeatures.smoothScrollBy(SCROLL_DX, 0) >else < val firstPosition = (recyclerFeatures.layoutManager as LinearLayoutManager).findFirstVisibleItemPosition() if (firstPosition != RecyclerView.NO_POSITION) < val currentList = featuresAdapter.currentList val secondPart = currentList.subList(0, firstPosition) val firstPart = currentList.subList(firstPosition, currentList.size) featuresAdapter.submitList(firstPart + secondPart) >> delay(DELAY_BETWEEN_SCROLL_MS) autoScrollFeaturesList() > private const val DELAY_BETWEEN_SCROLL_MS = 25L private const val SCROLL_DX = 5 private const val DIRECTION_RIGHT = 1
Давайте разберемся, как это сделать
- Начнем с того, что существует рекурсивная функция, которая вызывает сама себя, поскольку RecyclerView вынужден прокручивать список бесконечно.
- RecyclerView прокручивается на 5 пикселей, если его можно прокрутить по горизонтали, это означает, что до конца списка еще не дошли.
- Если RecyclerView не может больше прокручивать, это означает, что он достиг конца списка, теперь мы разделим существующий список на две части:
— Первая часть начинается от первого видимого элемента списка до последнего.
— Вторая часть начинается от первого элемента существующего списка до первого видимого элемента (не включительно). - Новый список передается адаптеру. Именно здесь и пригодится технология сравнения (diff, diffing) списков в адаптере. Адаптер определяет, что видимая часть списка совпадает с первой частью нового списка, поэтому в RecyclerView в этот момент не происходит визуального обновления, и теперь элементы списка находятся справа.
- Затем снова срабатывает шаг 2, прокручивая список на 5 пикселей.
Курс Scala 2020. Лекция 3, часть 1. Vector, ленивые вычисления, LazyList
Это функция приостановки, поэтому корутина будет отменена при исчезновении области видимости, и нам не нужно беспокоиться о ее явном прекращении.
Этот GIF наглядно демонстрирует процесс отправки нового списка в адаптер. Если он похож на обработку просмотров, то потому, что так выглядел исходный GIF, который был отредактирован для создания этого. ну, давайте двигаться дальше.
Теперь с Compose
LazyList — это внутренняя имплементация для отображения списков в Compose. В этом посте мы будем использовать LazyRow, который идеально подходит для нашего горизонтально прокручиваемого списка.
Давайте напишем компонуемые (Composables) FeatureTile и FeatureList .
FeatureTile — аналог FeaturesAdapter.kt
FeatureList с автоматической прокруткой
Что на самом деле здесь происходит?
FeatureList показывает список функций в LazyRow. Здесь мы используем преимущества State.
. когда состояние вашего приложения меняется, Jetpack Compose планирует рекомпозицию. Рекомпозиция запускает функции компоновки, которые могли поменяться в ответ на изменение состояния, и Jetpack Compose обновляет изменения в композиции, для их отображения. — State and Jetpack Compose
Давайте разложим все по полочкам
- Объект MutableState инициализируется списком функций, предоставленных компонуемым FeatureList . Таким образом, если список будет обновлен, сборный LazyRow будет перекомпонован с новым списком.
- items() используется для добавления списка элементов, а последним параметром является лямбда, в которой определяется содержимое элемента.
- Когда выдается последний элемент, itemsListState обновляется новым списком, аналогично подходу RecyclerView , использованному выше. Поскольку itemsListState проверяется компоновкой, и изменение этого состояния, да вы угадали, планирует рекомпозицию для LazyRow .
- Интересным различием между LazyLists и RecyclerView (с ListAdapter ) является то, что состояние прокрутки сохраняется в LazyLists таким образом, что если список будет обновлен, состояние прокрутки не изменится. Если состояние прокрутки находится в конце списка, то при обновлении списка состояние прокрутки все равно останется в конце списка. Поэтому нам нужно сбросить состояние прокрутки перед обновлением списка, чтобы добиться желаемого эффекта. Состояние прокрутки сбрасывается на элемент с индексом 0 для обновленного списка, который является первым видимым элементом в текущем списке, поэтому мы не видим никаких визуальных изменений.
- Когда FeaturesList входит в композицию, срабатывает блок LaunchedEffect и происходит начальный вызов рекурсивной функции autoScroll . Корутин отменяется, когда компонуемый FeaturesList выходит из композиции.
- В итоге autoScroll прокручивает список вперед с некоторой задержкой между каждым прокручиванием, аналогично подходу RecyclerView .
Бонус: AutoScrollingLazyRow
Поскольку функция компоновки успешно выполняется, необходимо создать общую имплементацию AutoScrollingLazyRow , которую легко использовать и применять повторно.
AutoScrollingLazyRow(list = featuresList)
Стандартный компонент AutoScrollingLazyRow
Заключительные мысли и тангенциальные соображения
При использовании LaunchedEffect с ключом Unit перекомпонуется только LazyRow , это логично и является ожидаемым поведением. Однако, если ключ для LaunchedEffect установлен в itemsListState , список Features List также перекомпонуется. LaunchedEffect перезапускается при изменении ключа, но поскольку ничто другое в области видимости FeaturesList не использует itemsListState , важно обратить внимание на то, что установка неправильных ключей для LaunchedEffect может вызвать нежелательные рекомпозиции.
Бесконечные вертикальные списки с автоматической прокруткой также могут быть созданы с помощью аналогичной техники. Небольшой нюанс при использовании варианта Compose заключается в том, что пользовательский ввод отключен для простоты. В этой заметке рассмотрен один подход к созданию бесконечных автопрокручивающихся списков, но в Compose может быть множество различных способов добиться этого!
Ссылки
- RecyclerView
- ListAdapter
- Списки в Compose
- Состояние
- Побочные эффекты в Compose
- Обработчики эффектов Jetpack Compose
- Хвостовые рекурсивные функции в Kotlin
Материал подготовлен в рамках курса «Android Developer. Professional». Приглашаем на день открытых дверей онлайн, где можно будет узнать подробнее о формате обучения и программе, а также познакомиться с преподавателем курса.
- kotlin
- android
- adroid development
- jetpack compose
- recyclerview
- Блог компании OTUS
- Разработка под Android
- Kotlin
Источник: habr.com
Что такое LazyList?
Я не могу найти ни одного действительно достоверного источника, объясняющего, что такое LazyList. Кто-нибудь?
Egis 25 март 2013, в 19:31
Поделиться
Поделиться:
4 ответа
Лучший ответ
Lazy List — это ленивая загрузка изображений с SD-карты или с сервера с использованием URL-адресов. Это по заказу загружает изображения. Изображения можно кэшировать на локальную память sd-card или phone. Url считается ключевым.
Если ключ присутствует на SD-карте, отображать изображения с SD-карты, другие отображают изображение, загружая с сервера и кешируют то же самое в выбранное вами местоположение. Предел кеша может быть установлен. Вы также можете выбрать свое местоположение для кэширования изображений. Кэш также можно очистить.
Вместо того, чтобы ждать загрузки больших изображений и отображения ленивого списка, загружает изображения по требованию. Поскольку изображения кэшируются, вы можете отображать изображения в автономном режиме. https://github.com/thest1/LazyList. Lazy List В вашем getview
imageLoader.DisplayImage(imageurl, imageview);
Метод отображения ImageLoader
public void DisplayImage(String url, ImageView imageView) //url and imageview as parameters < imageViews.put(imageView, url); Bitmap bitmap=memoryCache.get(url); //get image from cache using url as key if(bitmap!=null) //if image exists imageView.setImageBitmap(bitmap); //dispaly iamge else //downlaod image and dispaly. add to cache. < queuePhoto(url, imageView); imageView.setImageResource(stub_id); >>
Альтернативой Lazy List является универсальный загрузчик изображений https://github.com/nostra13/Android-Universal-Image-Loader. Он основан на Lazy List (работает по тому же принципу). Но у него много других конфигураций. Я бы предпочел использовать **** Universal Image Loader ****, потому что он дает вам больше возможностей настройки. Вы можете отобразить изображение ошибки, если downlaod не удалось.
Может отображать изображения с закругленными углами. Может кэшировать диск или память. Может сжимать изображение. В вашем пользовательском конструкторе адаптера
File cacheDir = StorageUtils.getOwnCacheDirectory(a, «your folder»); // Get singletone instance of ImageLoader imageLoader = ImageLoader.getInstance(); // Create configuration for ImageLoader (all options are optional) ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(a) // You can pass your own memory cache implementation .discCache(new UnlimitedDiscCache(cacheDir)) // You can pass your own disc cache implementation .discCacheFileNameGenerator(new HashCodeFileNameGenerator()) .enableLogging() .build(); // Initialize ImageLoader with created configuration. Do it once. imageLoader.init(config); options = new DisplayImageOptions.Builder() .showStubImage(R.drawable.stub_id)//display stub image .cacheInMemory() .cacheOnDisc() .displayer(new RoundedBitmapDisplayer(20)) .build();
В вашем getView()
ImageView image=(ImageView)vi.findViewById(R.id.imageview); imageLoader.displayImage(imageurl, image,options);//provide imageurl, imageview and options
Источник: overcoder.net
Что такое LazyList?
Я не могу найти ни одного действительно достоверного источника, объясняющего, что такое LazyList. Кто-нибудь?
Лучший ответ:
Lazy List – это ленивая загрузка изображений с SD-карты или с сервера с использованием URL-адресов. Это по заказу загружает изображения.
Изображения можно кэшировать на локальную память sd-card или phone. Url считается ключевым. Если ключ присутствует на SD-карте, отображать изображения с SD-карты, другие отображают изображение, загружая с сервера и кешируют то же самое в выбранное вами местоположение. Предел кеша может быть установлен. Вы также можете выбрать свое местоположение для кэширования изображений.
Кэш также можно очистить.
Вместо того, чтобы ждать загрузки больших изображений и отображения ленивого списка, загружает изображения по требованию. Поскольку изображения кэшируются, вы можете отображать изображения в автономном режиме.
В вашем getview
imageLoader.DisplayImage(imageurl, imageview);
Метод отображения ImageLoader
public void DisplayImage(String url, ImageView imageView) //url and imageview as parameters < imageViews.put(imageView, url); Bitmap bitmap=memoryCache.get(url); //get image from cache using url as key if(bitmap!=null) //if image exists imageView.setImageBitmap(bitmap); //dispaly iamge else //downlaod image and dispaly. add to cache. < queuePhoto(url, imageView); imageView.setImageResource(stub_id); >>
Альтернативой Lazy List является универсальный загрузчик изображений
https://github.com/nostra13/Android-Universal-Image-Loader. Он основан на Lazy List (работает по тому же принципу). Но у него много других конфигураций. Я бы предпочел использовать **** Universal Image Loader ****, потому что он дает вам больше возможностей настройки. Вы можете отобразить изображение ошибки, если downlaod не удалось. Может отображать изображения с закругленными углами. Может кэшировать диск или память.
Может сжимать изображение.
В вашем пользовательском конструкторе адаптера
File cacheDir = StorageUtils.getOwnCacheDirectory(a, «your folder»); // Get singletone instance of ImageLoader imageLoader = ImageLoader.getInstance(); // Create configuration for ImageLoader (all options are optional) ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(a) // You can pass your own memory cache implementation .discCache(new UnlimitedDiscCache(cacheDir)) // You can pass your own disc cache implementation .discCacheFileNameGenerator(new HashCodeFileNameGenerator()) .enableLogging() .build(); // Initialize ImageLoader with created configuration. Do it once. imageLoader.init(config); options = new DisplayImageOptions.Builder() .showStubImage(R.drawable.stub_id)//display stub image .cacheInMemory() .cacheOnDisc() .displayer(new RoundedBitmapDisplayer(20)) .build();
В вашем getView()
ImageView image=(ImageView)vi.findViewById(R.id.imageview); imageLoader.displayImage(imageurl, image,options);//provide imageurl, imageview and options
Вы можете настроить другие параметры в соответствии с вашими потребностями.
Наряду с ленивой загрузкой /Universal Image Loader вы можете просматривать держатель для плавной прокрутки и производительности.
http://developer.android.com/training/improving-layouts/smooth-scrolling.html.
AFAIK, я объясню вам пример
Если в списке содержится много изображений с текстом, загрузка вашего списка займет некоторое время, потому что вам нужно загрузить изображения, и вам нужно заполнить их в списке. Предположим, что ваш список содержит 100 изображений. Для загрузки каждого изображения потребуется много времени, чтобы отобразить его в списке. Чтобы пользователь мог дождаться загрузки изображений, он не является удобным для пользователя.
так что нам нужно делать. В этот момент ленивый список вступает в картину. Идея состоит в том, чтобы позволить загружать изображения в фоновом режиме и показывать текст в то время как.
Все знают, что listview перерабатывает свои представления для каждого представления. Если ваш список содержит 40 элементов, то listview не будет выделять память для 40 элементов, вместо этого он выделяет память для видимых элементов, т.е. вы можете видеть только 10 элементов за раз. поэтому listview будет выделять 10 элементов meemory.
Итак, когда вы прокручиваете представление, просмотр будет обновляться. из-за того, что вы потеряете свою ссылку на изображения, и вам нужно загрузить их. во избежание этого, кэширование приходит в картину.
Этот пример основан на моих знаниях в listview, я не говорю, что это правильно. В ответе может быть не так, если любое тело не стесняется сообщить мне.
Я думаю, что это наоборот. AFAIK, Lazy Loading – это определение, в котором вы действительно загружаете данные только тогда, когда вам это нужно, и это хорошая практика проектирования.
Итак, я считаю, что для этого применимо то же самое, только на этот раз это относится к представлению списка.
Если я ошибаюсь, пожалуйста, поправьте меня.
Лучшим примером ленивого списка являются уведомления, сообщения, запросы в facebook. когда вы прокручиваете, тогда данные будут загружаться.
Источник: techarks.ru