Android Jetpack Compose Dark Signup UI Design Speed Coding

preview_player
Показать описание
This video will demonstrat how to develop a dark signup ui in android jetpack compose. It consists of Gradient border, animated vector drawable, basic text field for advanced text field effects, on focus callback, gradient background, custom button implementation by box composable, text Button, animate color as state, tween animation, pointer input, tap gesture detection, press gesture detection, mutable state with remember and lots more practical approach to develop or implement a stunning ui ( user interface ).

0:00 - Introduction
0:10 - End result preview
1:10 - Acknowledgement of inspiration
1:24 - User Interface Overview
2:01 - Create Project
2:42 - Setup and Upgrade
3:09 - Start Emulator
3:26 - Start Coding
3:33 - Background Color
4:03 - Root Layout
4:48 - Back button and signup row
5:07 - Back Button
8:40 - Sign up Header
10:38 - Create account instruction
12:00 - Name label
13:44 - Name Field
14:02 - Name Field - Box
16:15 - Name Field - Inner Row
16:44 - Name Field - BasicTextField
18:49 - Name Field - Placeholder
19:53 - Name Field Valid marker
22:01 - Name Field valid marker animated icon
23:57 - Name Field Gradient Border
26:21 - Animate Color State
33:12 - Button
39:34 - OR part
40:35 - Social Media Login Buttons
44:06 - Login Link

#android #jetpackcompose #darksignupui
Рекомендации по теме
Комментарии
Автор

Hey! Will there be a continuation of the video ?

АльфредАхметгалеев
Автор

I do according to your example. Problem for 22min 12 sec. The line private fun AnimatorVerctorExample(on: Boolean) { and below is underlined in red. Where to look?

АльфредАхметгалеев
Автор

Hi, how did you do that user interface overview?

codeventure
welcome to shbcf.ru