Create a SignUp form on Android Studio — Kotlin
In this tutorial, we shall learn how to implement a SignUp screen form on AndroidStudio with the help of my Android project: Clinify.
This SignUp form shall include a couple of text fields to create your Username and Password, insert your Email account and Full Name. There shall be a SignUp button to submit your registration and another button to go back to the Login screen, in case you already have a Clinify account. If you haven’t checked yet how to make a Splash and Login screen, please follow this link.
1. Setting up Gradle Scripts
The Android Support Library contains several library packages, and I chose two to create that form, those are cardView and Design packages.
A cardView library is mostly used to let you show information inside cards that have a consistent look on any application. And the design library provides APIs to support adding design components to your app.
2. Working on the form
The image below shows the settings made for the CardView, as general measurements and elevation. Feel free to modify things.
Here is where we start designing the SignUp form. With those components, I made a sort of a ‘Register Now’ label on top of the screen.
After that, you can start adding the text fields needed for the form.
The checkbox created in the image below is made to add a ‘Terms and Conditions’ component to the form.
As you could see, I used some icons just to make my form more simple. And if you want a place to find the best icons for Android applications I advise you to visit Flaticon for free icons.
3. SignUp screen result
And that is the final look of the SignUp screen! In the next post, I’ll show you how to use the ClickListener/ActionListener function, to make the buttons created work.
Of course, you can always query the code on my GitHub Account.
See you soon!
