How to make Android Login Page Design

Android login page design

We Create an Android Login page Screen design in android Studio.

by https://technicaldainik.blogspot.com/2021/03/how-to-make-android-login-page-design.html

Before you start making android login page , you must setup your Android Studio and make a new project and then start writing XML code of Android page .

You see below the login page activity which we can make in android studio ,so let’s get start ..

This Android login page is designed by me so there are some changes that you must include in your project.

1.first you have to choose a design that you like otherwise you copy my design theme .

2.Second step their is two Edit Text is require you can make according to your choice.

3.Most Important given above my Android login design content a next button that can design personally , so if you can’t able to make just make a simple button for your login page.

4.after making button and edit text you just add background color for your button.

5.Finally you can add your background for login page mostly i prefer you try to make an easy login page and always include some light colors in your android login page

Note:design template is not uploaded so design simple login page design.

Now Source code / XML code for Android login page design

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:background="@drawable/background"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:layout_weight="1"
    android:weightSum="4"
    tools:context=".Login">
    <LinearLayout
        android:layout_weight="1"
        android:orientation="vertical"
        android:weightSum="1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:textStyle="bold"
            android:layout_weight="1"
            android:gravity="center"
            android:textSize="25dp"
            android:text="LOGIN"
            android:layout_width="match_parent"
            android:layout_height="0dp"/>
    </LinearLayout>
    <LinearLayout
        android:layout_weight="1"
        android:orientation="vertical"
        android:weightSum="3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <EditText
            android:textColor="#ffffff"
            android:layout_weight="1"
            android:id="@+id/get_email_login"
            android:hint="Email"
            android:textSize="12dp"
            android:textColorHint="#ffffff"
            android:layout_marginRight="40dp"
            android:layout_marginLeft="40dp"
            android:layout_width="match_parent"
            android:layout_height="0dp"/>

        <EditText
            android:textSize="12dp"
            android:textColor="#ffffff"
            android:textColorHint="#ffffff"
            android:layout_marginRight="40dp"
            android:layout_marginLeft="40dp"
            android:layout_weight="1"
            android:hint="Password"
            android:id="@+id/get_pass_login"
            android:layout_width="match_parent"
            android:layout_height="0dp"/>
        <TextView
            android:textColor="#ffffff"
            android:text="FORGET"
            android:layout_weight="1"
            android:gravity="right"
            android:textSize="12dp"
            android:layout_marginRight="40dp"
            android:layout_width="match_parent"
            android:layout_height="0dp"/>
    </LinearLayout>
    <LinearLayout
        android:layout_weight="1"
        android:orientation="vertical"
        android:weightSum="2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <ImageButton
            android:layout_gravity="center"
            android:background="@drawable/nexxt"
            android:layout_weight="1"
            android:id="@+id/Login_button"
            android:layout_width="62dp"
            android:fitsSystemWindows="true"
            android:layout_height="8dp"/>
        <TextView
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="0dp"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="vertical"
        android:weightSum="2">
        <TextView
            android:textColor="#000"
            android:layout_weight="1"
            android:layout_gravity="center"
            android:background="@drawable/fb"
            android:textSize="20dp"
            android:layout_width="60dp"
            android:layout_height="10dp"/>
        <TextView
            android:layout_weight="1"
            android:gravity="center"
            android:id="@+id/signup"
            android:text="Don't have an account/Sign up"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>
    </LinearLayout>
</LinearLayout>

Note: Do not paste as it is this code in your Android login page XML folder just try to understand how code can be formatted / or implemented to adjust perfect in any android mobile device .

Tips: try to understood above code and making our own code according to your project or for login page .

Thank-you

if you like this post comment below :

if you want more on android UI design with XML code comment us below

Sharing is caring keep share