Изучаем Android-разработку

Создайте анимированную заставку в Jetpack Compose

Сделайте запуск вашего приложения более профессиональным

Заставка

Экран-заставка обычно является первым экраном, представляющим ваше приложение с помощью логотипа или имени приложения. Он остается на несколько секунд, а затем автоматически выводит вас на главный экран. Вы можете использовать свой логотип или любой информативный текст, обозначающий ваше приложение.

Анимированная заставка

Анимированный экран-заставка выглядит довольно привлекательно для пользователей, так как логотип или любой текст можно анимировать, чтобы сделать его более интересным. Jetpack Compose предоставляет множество API-интерфейсов, позволяющих решить, какие анимации выполнять. В этом проекте мы собираемся использовать Animatable API для реализации нашего экрана-заставки. Вы можете настроить эффект анимации, а также время задержки в соответствии с вашими предпочтениями.

Анимированная заставка с помощью Jetpack Compose

Пример видео приведен ниже, чтобы получить представление о том, что мы собираемся делать в этой статье. Обратите внимание, что мы собираемся реализовать этот проект с помощью Jetpack Compose.

Добавить экраны

Добавьте навигацию

Этот код довольно прост. У нас есть два экрана SplashScreen и MainScreen.

startDestination установите SplashScreen в качестве первого экрана при открытии приложения.

Мы используем эту функцию из MainActivity.

Создать дизайн

Это также просто, мы просто показываем значок и текст под значком «Найди солнце? ”внутри круга. Вертикальное расположение с помощью Column.

Давайте добавим анимацию

Вот и все. Это довольно просто. Верно? При необходимости проверьте этот репозиторий GitHub.

Спасибо за прочтение__ Пожалуйста, подпишитесь, чтобы узнать больше.