​Создаём несколько вариантов одного Android-приложения

В Android существует технология Build Flavors, в помощью которой можно подготовить несколько вариантов приложения. Они могут отличаться функциональностью и оформлением, но в целом они будут схожи.

Подобный подход может пригодиться как минимум в двух случаях:
1. Создание полной и урезанной версии приложения (платная и бесплатная версия).
2. Адаптация приложения под различные требования бизнеса (разные кейсы использования, доступы и т.д.).

Статья ниже не заменит документацию, но поможет лучше понять, как Flavors работает:

https://tprg.ru/Otz2

#android

​Создаём первое приложение на Flutter — «Тайный Санта»

Серия YouTube-роликов от команды VK поможет разработать приложение «Тайный Санта» и базово освоить Flutter:

1. Введение в Flutter. Каркас приложения.
Вы познакомитесь с принципами работы с Flutter и устройством Flutter-приложения, а также создадите первый экран приложения с полем ввода и с переходом на следующую страницу.

2. Логика приложения.
Вы научитесь делать логику приложения, которая в зависимости от сохранённого состояния будет открывать одну или другую страницу приложения.

3. Списки в Flutter и наполнение их данными.
В видео объясняется, как создать список друзей и наполнить его данными. Также вы научитесь верстать ячейки списка.

#flutter #начинающим

​Как правильно передавать действия пользователя между компонентами iOS-приложения

Для решения задачи можно использовать встроенный в iOS инструмент Responder Chain. В официальной документации о нём рассказано не очень понятно и подробно, поэтому статья призвана показать всю мощь и гибкость механизма:

https://tprg.ru/PrIE

#ios

Панель для выбора рейтинга на Jetpack Compose

С помощью компонента можно выстроить собственную систему рейтинга в приложении.

Как использовать: https://github.com/a914-gowtham/compose-ratingbar

#android #библиотеки #compose #ui

​Приложение на Flutter: сеть, локализация, главный экран, локальный поиск

В предыдущей статье из цикла было показано, как сформировать идею приложения и реализовать базовую инфраструктуру на примере Flutter-проекта с котировками акций.

Скелет приложения создан, и пора двигаться дальше. В новом материале подробно объясняется, как реализовать:
— сетевой слой;
— UI для первого экрана приложения;
— локальный поиск;
— удобную локализацию:

https://tprg.ru/yUmS

#flutter #начинающим

​Android-библиотека для отображения аватарок пользователей

Можно настроить форму изображения, рамку, индикаторы и текст инициалов.

Как использовать: https://github.com/getStream/avatarview-android

#android #библиотеки #ui

​Kotlin Flow: всё, что нужно знать Android-разработчику

Раньше в Android-приложениях для обработки потоков данных использовали LiveData и RxJava. Однако позже в Kotlin появился встроенный инструмент Flow, который аналогично LiveData и RxJava реализует паттерн наблюдателя.

В одной статье собрана вся необходимая информация по потокам (flows) в Kotlin, чтобы начать их применять в собственных проектах:

https://tprg.ru/7gHT

#kotlin #android

​UIView под капотом

Помните статью, где разбирается устройство UI в iOS-приложении? Вышло её продолжение про UIView.

В новой статье автор рассмотрел, как в действительности работает вращение и поворот объектов на экране:

https://tprg.ru/SRa5

#ios

​Гайд по UI-тестированию Android-приложений

Внедрение инструментального тестирования в рабочий процесс вашей команды может потребовать немало времени и усилий.

Руководство поможет освоить UI- и Screenshot-тестирование без боли и избежать распространённых ошибок:

https://android-ui-testing.github.io/Cookbook/home/

#android #тестирование

​SwiftUI-библиотека с сезонными анимациями

Доступны эффекты осени (падающие листья), зимы (снежинки), весны (цветы) и лета (солнце).

Как использовать: https://github.com/yhondri/HolidayThemes

#ios #swiftui #библиотеки

​Лучшие плагины для Android Studio

Android-разработчик поделился полезными плагинами, которые существенно упростят вашу работу с Android-проектами. А чтобы кулеры компьютера не перебивали шум самолёта (мы же знаем, как горяча Android Studio), вы узнаете о встроенных в IDE плагинах, которые можно отключить:

https://youtu.be/q8jS6dJqdBk

#android #начинающим

​Как реализовать кастомную панель вкладок в вашем iOS-приложении

UI-дизайнер может предложить такой концепт панель вкладок (Tab Bar), что реализовать его нативными инструментами сложно.

Остаётся только писать собственное решение, и гайд ответит на все основные вопросы по созданию кастомной панели вкладок:

https://tprg.ru/3OJQ

#ios

Возможно, именно так выглядит худшая клавиатура в мире

Лучшее спасение от новогоднего похмелья: попробуйте написать вменяемый текст на клавиатуре tOndO keyboard (приложение доступно в Google Play).

По заявлению разработчика, компоновка элементов на клавиатуре призвана ускорить ввод. Так ли это на самом деле, сказать трудно.

#android #ui

Парсер SVG-файлов для iOS

Библиотека SVGView считывает информацию из SVG-изображения и рендерит его при помощи SwiftUI. У неё есть ещё одна интересная фича: вы можете добавить анимацию различных элементов изображения и даже добавить немного интерактива. Так и был реализован Пикачу, который «следит» за жестами пользователя.

Репозиторий: https://github.com/exyte/SVGView

#ios #swiftui #библиотеки #ui

Игра «Сапёр» на Jetpack Compose

Старый-добрый «Сапёр» получил новую реализацию на Jetpack Compose. Уровни генерируются случайным образом, но первая выбранная ячейка не может быть миной. Если прохождение покажется слишком лёгким, можно выбрать другие уровни сложности.

Приложение также имеет тёмную и светлую темы, градиентную анимацию ячеек, масштабируемое поле и тактильный отклик.

Репозиторий: https://github.com/JayaSuryaT/minesweeper-j-compose

#android #compose #ui

​Как стать тестировщиком Flutter-приложений?

Из статьи вы узнаете, в чём особенности тестирования приложения на Flutter под iOS и Android, а также чем оно отличается от тестирования нативного приложения:

https://tprg.ru/Fi3S

#flutter #тестирование

​Навигация в Android с Jetpack Navigation Component

Делимся серией из 3 уроков по навигации в Android:

1. Основы навигации в Android.
В видео рассмотрены:
— подключение Navigation Component к проекту;
— пример реализации простой навигации: переходы назад/вперёд, передача данных в оба направления;
— основные понятия: navigation graph, destination, action, host и controller.

2. Подключение Navigation Component к Activity.
Вы научитесь отображать название текущего экрана и кнопку «Назад» в заголовке Activity. Также в уроке разбирается использование Safe Arguments и пример миграции проекта на базе Fragment на навигацию Jetpack Navigation Component.

3. Комплексный пример навигации с помощью Jetpack Navigation Component.
Рассмотренный проект состоит из Splash-экрана, блока экранов авторизации (Sign In и Sign Up) и блока экранов с нижними вкладками (BottomNavigationView).

#android #jetpack

​Разбираемся в Bottom Sheet в iOS так, чтобы в резюме появилась новая строчка скиллов

В iOS есть нативная реализация Bottom Sheet. Однако она работает только в iOS 15 и выше, поэтому повсеместно её можно будет использовать только через 2-3 года.

Сейчас разработчикам остаётся только реализовывать собственные решения. Как сделать Bottom Sheet (и даже с вариантом реализации), хорошо объясняется в гайде:

https://tprg.ru/trnM

#ios

Переписываем по MAD легаси, которое мы же и писали

​Секреты запуска Flutter в production

Кроссплатформенный фреймворк Flutter активно проникает в крупные проекты для бизнеса. Но здесь часто возникает проблема: команда мобильных разработчиков не имеет большой опыт с Flutter, и создание проекта движется путём проб и ошибок.

Разработчики из ATI.SU в процессе работы над крупным проектом подготовили шаблон Flutter-приложения, который планируют использовать как стандарт в последующих проектах компании.

Рекомендуем ознакомиться, чтобы не набить те же шишки:

https://tprg.ru/guxB

#flutter

Временная шкала в Android-приложении

Шкалу можно легко добавить в собственное приложение с помощью библиотеки TimelineView. Доступно несколько вариантов использования: как автономный View или декоратор RecyclerView.

Как использовать: https://github.com/lriccardo/TimelineView

#android #библиотеки #ui