Back to Browse

Android Studio - Simple Google & Facebook Login UI Design - Material 3 design theme

3.6K views
Aug 30, 2023
28:53

Android Studio - Simple Google & Facebook Login UI Design - Material 3 design theme. In this video, we will design and implement login page in android studio using java and xml. We have created simple login screen with materialistic XML UI design for android beginners. As this is a beginner friendly video, we have not used database such as firebase or sqlite Next Video: How to implement google one tap - One Tap sign-up/sign-in for Android https://youtu.be/DhugdL10Nb0 --------------------------------------------------- #androidstudiojavatutorial #AndroidDevelopment #androidconstraintlayout #androidloginpage #loginpageinandroidstudio #androidstudiotutorials #androidgooglelogininterface #simpleandroidloginui #androidmaterialtheme #androidstudiotutorialforbeginers ----------------------------------------------------- Source Code: GitHub https://github.com/BngDev212 ----------------------------------------------------- Previous Video: How to install Android Studio and SDK on Windows 10/11 - Flamingo Installation - 2023 Update. https://youtu.be/HjFga_U7t0U Creating First Application In Android Studio in 2023 - For Beginners https://youtu.be/gNO8PwI2arI How to make Login User Interface in Android Studio using constraint Layout in android Studio https://youtu.be/9hcdcP3X-pk ---------------------------------------------------- Chapters: 00:35 - Creating a new project java. Android API 26 04:10 - Adding google & Facebook button04:29:00 Adding vertical layout for Text Input Layout 12:40 - Assign google & #facebook icon to each button13:56:18 Google & Facebook button style using Widget.Material3Button.OutlinedButton.Icon. 17:13 - Fixed Error: Cannot extract resource from com.android.aaptcomplier.ParsedResource. 18:30 - Password Visibility Toggle feature. 21:11 - Showing Character Counter feature. 28:18 - Run application successfully. ---------------------------------------------------- Source Code: GitHub https://github.com/BngDev212 --------------------------------------------------- Notes & Resources: https://m3.material.io/components/buttons/specs https://m3.material.io/components/text-fields/specs https://github.com/material-components/material-components-android/blob/master/docs/components/Button.md https://iconduck.com/icons/54092/google https://iconduck.com/icons/14063/facebook https://m2.material.io/components/buttons/androidtheming-buttons To update letterspacing globally for all your Buttons, you should use theming: https://material.io/develop/android/theming/typography/

Download

0 formats

No download links available.

Android Studio - Simple Google & Facebook Login UI Design - Material 3 design theme | NatokHD