Backend Driven UI на Anko Layouts

Transcript

1. Backend Driven UI на Anko Layouts и бэкендом на Kotlin Иса Мухамед
2. Backend-Driven UI • Описание UI на бэке • Оперативное изменение интерфейса • Добавление фич прямо с бэка • Обработка данных с бэка на бэке
3. Use case: добавить новые типы SMS-продуктов в приложение • Добавить обработку продуктов в приложении • Release в Google Play (incremental) • Ждать пока пользователи обновятся 1-2 недели
4. In short…
5. UI Backend • На Kotlin • Мобильные разработчики могут поддерживать • Shared code между бэком и приложениями • Можно использовать и для iOS
6. Меньше слов, больше кода
9. Существующие типы компонентов • Linear component • Text component • Input component • Button component • Image component • View component
11. Application UI • Традиционные способы построения интерфейса • XML • Programatically
12. XML Prog.
13. Anko Layout DSL • Разработан JetBrains • Читабельный и аккуратный код • Можно всю логику UI перенести в отдельный класс • Инициализация быстрее • Поддержка корутинов
14. Основная задумка
15. ViewComponentFactory
16. Инициализация компонентов • Инициализация основных атрибутов • Text, hint, etc. • Инициализация стилей • backgroundColor, resource, etc. • Параметры layout’a • Ширина, высота, ориентация, etc • Optional • Обработка нажатий
17. LinearComponent
18. LinearComponent
19. Проблемы • Обработка action’ов • Кастомизация
20. Обработка action’ов
21. Кастомизация стилей • Создание predefined стилей в приложении • Отправка названия ресурса с бэка
22. Дальнейшая разработка • Constraints • Complex components • List support • Формы с бэка
23. Вопросы?