Демонстрационный UI экрана товара для приложения доставки еды. Полностью на Jetpack Compose с кастомной темой и шрифтом.
Вся информация о продукте – от фото и тегов до калорий и добавок – собрана на одном экране с интерактивным выбором количества.
- 🖼️ Фото товара – крупное изображение блюда в верхней части экрана.
- 🏷️ Теги – визуальные метки (например, «Острое», «Новинка», «Хит»), помогающие быстро оценить продукт.
- 🧀 Возможные добавки – список дополнительных ингредиентов с возможностью выбора.
- 📊 Пищевая ценность – наглядно показаны калории и содержание жиров.
- 📝 Описание – подробный текст о составе и вкусе блюда.
- 🔢 Выбор количества – кнопки «+» и «–» меняют число порций, при этом итоговая цена пересчитывается мгновенно.
- 🛒 Кнопка «В корзину» – имитация добавления (корзина не реализована, только визуальное отображение).
- 🎨 Кастомная тема и шрифт – приложение оформлено в едином стиле с использованием нестандартного шрифта.
Навигация по элементам экрана, изменение количества и мгновенный пересчёт цены.
| Экран товара | Изменение количества товара |
|---|---|
 |
 |
- UI полностью на Compose – ни одной XML-вёрстки.
- Сложное размещение элементов выполнено с помощью
ConstraintLayoutиз библиотеки Compose (androidx.constraintlayout:constraintlayout-compose), что позволяет добиться гибкого и отзывчивого дизайна. - Кастомная тема – переопределены цвета, типографика.
- Нестандартный шрифт – загружен из ресурсов и применён глобально через
CompositionLocalProvider. - Состояние экрана управляется локально, так как приложение однократное и не требует ViewModel (при желании можно масштабировать).
- Данные – статичные (захардкожены для демонстрации), без сетевого слоя.
- Перейдите в раздел Releases.
- Скачайте APK-файл (
FoodDelivery.apk). - Установка:
- Откройте загруженный файл.
- При необходимости разрешите установку из неизвестных источников.
- Завершите установку.
- Запустите приложение, чтобы увидеть демонстрационный экран.
⚠️ Это UI-прототип. Данные статические, корзина не работает. Приложение создано для демонстрации визуальной реализации.