Консультация

@Aker1232 · Регистрация: 28.03.2021

Студворк — интернет-сервис помощи студентам

Здравствуйте, подскажите в какую сторону копать.
Есть список брэндов и у каждого список товаров. Нужно сделать список чтобы сворачился и разворачивался при клике на брэнд подобие ExpandableListView. Но при этом дочерний список(товаров) должен становится либо сеткой, либо просто вертикальным списком(это два разных адаптера). Ухожу в сторону вложенного recylcerView. Проконсультируйте, пожалуйста.

@Dreablin · 29.01.2022, 02:46

Вложенный RecyclerView очень плохая идея, потому что это вложенный скролл (двухуровневый) и это очень плохая практика UI.
Я вижу 2 варианта:
1) По клику на бренд переход в новый фрагмент с использованием "shared element transitions". Т.е. после нажатия на имя бренда его значок улетает наверх в заголовок RecyclerView, содержащий список товаров.
2) Горизонтальный RecyclerView для брендов (например снизу занимает 10% экрана), а остальная часть - вертикальный RecyclerView с товарами, подгружаемыми по клику на бренд.
Первый вариант более классический и проще.
Лучше всего при выборе UI следовать гайдам:
https://material.io/design/mot... #hierarchy

@ExFau$t · 29.01.2022, 11:43

Один RecyclerView с разными ViewType и всё.

@Aker1232 · 29.01.2022, 12:03 **[ТС]**

Как я сделаю один RecylcerView с разными типами, если мне нужны рисовать группы по типу списки, при этом они должны быть как на скринах. А вложенные элементы рисовать либо сеткой, либо списком, при переключение в toolbar значка сетки.
На скринах показано с вложенным recylcerView. Так заказчик и хочет чтобы выглядело(на другой экран он не хочет переход), но это сильно влияет на производительность.

@ExFau$t · 29.01.2022, 16:59

Это один RecyclerView где заголовки группы тоже являются частью списка с другим типом. "Переключение сетки" это изменения layoutManager'a с linear на grid и изменение адаптера.

@Aker1232 · 29.01.2022, 17:13 **[ТС]**

Чтобы переключить на сетку recylcerView, нужно recyclerView.layoutManager =
GridLayoutManager(p4?.context, 3, GridLayoutManager.VERTICAL, false). А это полностью переключит на сетку и группы тоже.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .

@Aker1232 0 / 0 / 0 Регистрация: 28.03.2021 Сообщений: 4

	Консультация 25.01.2022, 16:41. Показов 547. Ответов 5 Метки android, developer, mobile (Все метки) Здравствуйте, подскажите в какую сторону копать. Есть список брэндов и у каждого список товаров. Нужно сделать список чтобы сворачился и разворачивался при клике на брэнд подобие ExpandableListView. Но при этом дочерний список(товаров) должен становится либо сеткой, либо просто вертикальным списком(это два разных адаптера). Ухожу в сторону вложенного recylcerView. Проконсультируйте, пожалуйста. 0

@Dreablin 49 / 37 / 14 Регистрация: 05.02.2010 Сообщений: 249
	29.01.2022, 02:46
	Вложенный RecyclerView очень плохая идея, потому что это вложенный скролл (двухуровневый) и это очень плохая практика UI. Я вижу 2 варианта: 1) По клику на бренд переход в новый фрагмент с использованием "shared element transitions". Т.е. после нажатия на имя бренда его значок улетает наверх в заголовок RecyclerView, содержащий список товаров. 2) Горизонтальный RecyclerView для брендов (например снизу занимает 10% экрана), а остальная часть - вертикальный RecyclerView с товарами, подгружаемыми по клику на бренд. Первый вариант более классический и проще. Лучше всего при выборе UI следовать гайдам: https://material.io/design/mot... #hierarchy 0

@ExFau$t 1570 / 1168 / 426 Регистрация: 08.05.2012 Сообщений: 5,219
	29.01.2022, 11:43
	Один RecyclerView с разными ViewType и всё. 0

@Aker1232 0 / 0 / 0 Регистрация: 28.03.2021 Сообщений: 4
	29.01.2022, 12:03 [ТС]
	Как я сделаю один RecylcerView с разными типами, если мне нужны рисовать группы по типу списки, при этом они должны быть как на скринах. А вложенные элементы рисовать либо сеткой, либо списком, при переключение в toolbar значка сетки. На скринах показано с вложенным recylcerView. Так заказчик и хочет чтобы выглядело(на другой экран он не хочет переход), но это сильно влияет на производительность. Миниатюры 0

@ExFau$t 1570 / 1168 / 426 Регистрация: 08.05.2012 Сообщений: 5,219
	29.01.2022, 16:59
	Это один RecyclerView где заголовки группы тоже являются частью списка с другим типом. "Переключение сетки" это изменения layoutManager'a с linear на grid и изменение адаптера. 0

@Aker1232 0 / 0 / 0 Регистрация: 28.03.2021 Сообщений: 4
	29.01.2022, 17:13 [ТС]
	Чтобы переключить на сетку recylcerView, нужно recyclerView.layoutManager = GridLayoutManager(p4?.context, 3, GridLayoutManager.VERTICAL, false). А это полностью переключит на сетку и группы тоже. 0