🧑‍🎨 В статье подробно описывается процесс создания эффекта шлифованного металла в Jetpack Compose с использованием градиентов и слоев.

Кратко о содержании:
• Кольца: Создание концентрических кругов с помощью радиального градиента и случайного распределения прозрачных и темных полос для имитации металлической текстуры.
• Блики: Добавление бликов с использованием sweep-градиента, который можно вращать для создания эффекта движения света.
• Анимация: Реализация вращения бликов с учетом ориентации устройства или пользовательских событий.
• Обрезка: Использование clipPath для обрезки градиентов по заданной форме, предотвращая визуальные артефакты при вращении.
• Дополнительные детали: Добавление фаски с помощью градиентной рамки для усиления реалистичности металлического эффекта.

https://www.sinasamaki.com/brushed-metal-ui-in-jetpack-compose/

#Android

👉 @developer_mobila

Мобильная разработка #1

🧑‍🎨 В статье подробно описывается процесс создания эффекта шлифованного металла в Jetpack Compose с использованием градиентов и слоев.

Кратко о содержании:
• Кольца: Создание концентрических кругов с помощью радиального градиента и случайного распределения прозрачных и темных полос для имитации металлической текстуры.
• Блики: Добавление бликов с использованием sweep-градиента, который можно вращать для создания эффекта движения света.
• Анимация: Реализация вращения бликов с учетом ориентации устройства или пользовательских событий.
• Обрезка: Использование clipPath для обрезки градиентов по заданной форме, предотвращая визуальные артефакты при вращении.
• Дополнительные детали: Добавление фаски с помощью градиентной рамки для усиления реалистичности металлического эффекта.

https://www.sinasamaki.com/brushed-metal-ui-in-jetpack-compose/

#Android

👉 @developer_mobila

👍2

hottg.com/developer_mobila/1618

857 viewsApr 23 at 06:49