Это действительно тривиальный пользовательский интерфейс.
Он может быть реализован несколькими способами. Например, в верхней строке могут быть вкладки с вкладками в режиме TOP. Это неявно поменяет весь нижний контент для вас.
Вы можете разместить вкладки в центре, добавить четыре вкладки и контент для каждой. В этом случае вам понадобится новый баннер для каждой страницы (с указанием продажи). Ниже у вас просто есть прокручиваемый макет сетки, который тривиален.
В качестве альтернативы сверху может быть ряд кнопок с макетом сетки или BoxLayout.X_AXIS.
Страница в этом случае будет макет блока по оси Y.
Настоящий элемент представляет собой компонент стиля FloatingActionButton
.
Контент будет в любом случае сеткой.
Каждый элемент будет представлять составная часть. С родительским контейнером в многослойном макете, содержащем двух дочерних элементов, один представляет собой макет границы, содержащий макет изображения в центре и прямоугольник y на юге, содержащий обе метки. Второй - макет потока, выровненный по верхнему / правому краю с меткой скидки.