Skip to main content

Create a Stylish Android Login Screen

How to create a stylish Android Login Screen


Hi guys!!! Today let's create an Android login screen that looks stylish.

This is the design we are going to create for the login screen.

stylish android login screen
                                                         image source: Unsplash

Ignore the facebook log in button. I will share a separate post on how to add login with facebook in another tutorial.

Ok let's dive into the coding part:


Firstly, let's see the code to get that rectangle box. Here is the code:
put this code in res/drawable folder





Take shape as a rectangle and add a stroke of 2 dp, corner radius as 10 dp, padding-bottom, left, right, top as 4dp,6dp,6dp,4dp respectively.

Android Login Screen Code in XML:

Linear Layout is the parent layout with the orientation vertical and inside there are children like card views, relative layouts, etc. Here is the code for the textviews that are on the top of the screen.


Down to that, I have one relative layout and a card view in it. Use the drawable file that we created above as background for the relative layout. Inside the card view again I have a relative layout which consists of an Edit Text, image, and view to show the white line that separates the image from edit Text.


This is for button down to the Edit Texts. Instead of a button, I used TextView. If you want to use Button instead you can even use that.

For remaining textviews:


Here is the entire android login screen design source code:


Note: Do not forget the image that is showing in the background, I added it as the background for the parent/root layout i.e Linear layout.

Happy coding!!!

Read my another blog post about Android game here

Comments

Popular posts from this blog

Create Android RGB Game in Android Studio

How to create a simple Android Game? Hi, guys!! Today let's see how to build a simple game which I named it as RGB game. If you are new to Android App development I would suggest you go through my previous posts. I am creating this simple game in Android Studio. It's easy Just follow the steps following. By the end, you are ready with a game. So let's go write the code. So what is RGB  color code? The RGB color model is an additive color model in which red , green and blue light are added together in various ways to reproduce a broad array of colors. An RGB color value is specified with rgb(red,green,blue) Each parameter defines the intensity of the color as an integer between 0 to 255. How this Android game works: There are a total of 3 levels in this game. Easy, Medium & Hard levels. In easy level, there are 3 colors to guess from, 6 and 9 colors for the next colors respectively. Hard Level Easy Level Medium Level In

Intents in Android

What are intents in Android? Let's see today what exactly is intents in android. According to Google, an Intent is a messaging object you can use to request an action from another app component.  So, What does it mean? Let's dive little further into the topic and see what are the different types of Intents we have in Android and how to use them. Different types of Intents: One of the usages of Intents is to Start an Activity(If you don't know what is an Activity in Android please read my article here). Let's see how to do it. There are two types of Intents in Android. Explicit Intents: In this type of Intents, we know the Exact Activity that needs to respond.  Confused! Don't worry I'll explain with an example. Let's consider we are doing an app with two Activities namely Activity1.java and Activity2.java On a button click, we need to move from activity1 to activity2. So, here we mention activity2 to respond t