𝓖𝓻𝓮𝓮𝓽𝓲𝓷𝓰𝓼

Hello, dear Hive Learners, I hope you all are well. Today is our 21st lecture on Android App Development. We will start developing a Sign-in and Sign-up page. Today We will design the Signup page with the Material Design. ![](https://images.ecency.com/DQmZY8GMkU5GU22dgZqBeJnxgypJomC7y5rBnVhxDWj39RS/multi_purpose_3_.png) ### [GitHub Link](https://github.com/faisalamin9696/HiveLearners2) Use this GitHub project to clone into your directory. It will constantly get updated in the following lecture so you will never miss the latest code. Happy Coding!. ### What Should I Learn - Add Material Design implementation in Gradle file - Use the Material design to create a sign-up page design. ### Assignment - Create a design for the Signup page ### Procedure First, we need to add the Material Design library to the Gradle file. Use this implementation. After adding the library click on the sync button. Make sure that you have a reliable internet connection. After the Gradle successful build, we can use the Material Designs in our XML file. ``` implementation 'com.google.android.material:material:1.0.0' ``` ![](https://images.ecency.com/DQmPCfw3xby5eoG4xYiXJ38a34z5zmgofDMxQYThJ8eh1Wc/image.png) On the sign-up page, we are going to add 4 edittext fields (name, email, password, confirm password) We will use 3 buttons (signup, signing). Due to Material design, we can style the whole page easily. I have created this design. You can make your design. Here is the code for the ```main_activity.xml``` file for this design. ``` ``` ![](https://images.ecency.com/DQmdJxzvcgAV73opvUmv7mUqf8mt2TxYq713vb1UDgUqXXc/image.png) We also need to set the IDs for all the widgets to use in the java file. I have set the IDs (signup_name_et, signup_email_et, signup_pass_et, signup_confirm_pass_et, signup_btn) ``` ``` We also need a Sign-in button if a user already has an account then the user clicks on sign-in or Already has an account button. I am using a borderless button here.

``` ``` ![](https://images.ecency.com/DQmV2fwjnsNAaynWcrX54SvqHL1MPjFcke9aj5iwuaXmdiF/image.png) ![hl_divider.png](https://images.ecency.com/DQmabQycJhW8DT8a634z3wQaVXvPZ5KMii2LYbaWZ3PsaRy/hl_divider.png)

Thank You

![hl_footer_banner.png](https://images.ecency.com/DQmZ4HF3hjV4HwJXuw8vRJ6B6CiMC3kUkkoihjtm7z2Gii7/hl_footer_banner.png)

lecture

Experts

Show more authors