Please assign a menu to the primary menu location under MENU

Codeplayon
Codeplayon
  • Home
  • DSA
  • Jetpack
  • Flutter
  • Android
    • Android Tutorials
    • Android development
  • Kotlin
  • 5G
  • 4G LTE
    • IoT
  • e learning
  • Blog
HomeAndroid developmentAndroid Login Screen Design with TextInputLayout & Button Design
Android developmentAndroid tutorial

Android Login Screen Design with TextInputLayout & Button Design

Codeplayon5 years agoAugust 9, 2021Androidandroid login and signup screens with material design source codeAndroid Login Screen DesignAndroid Studiobeautiful android login and signup screens with material design source codebeautiful android login screens design source codeButton DesignTextInputLayout

Android Login Screen Design with TextInputLayout & Button Design

Table of Contents

  • Android Login Screen Design with TextInputLayout & Button Design
  • Open Your login_activity.xml and follow this code.
  • Step 4: Create a Drawable file button.

Hi everyone, in this post, we will learn about another component of Android which is TextInputLayout & Button Design. In this android TextInputLayout & Button Design example, we will learn how to use TextInputLayout & Button Design.

it is a very easy and nice layout to show hints on the top of the layout.

Step 1: First one to Start Android Studio

Step 2: Seconds step to Create a New Project ProjectClickOn ==>File ==>NEW==>New Project

Step 3: Create an Activity Log in

Open Your login_activity.xml and follow this code.

<?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:layout_height="match_parent"
    android:background="@color/white"
    tools:context="codeplayon.com.Log_In">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:textColor="@color/colorPrimaryDark"
            android:textSize="30dp"
            android:text=" Welcome to  "/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:textSize="25dp"
            android:textColor="@color/colorAccent"
            android:text="Codeplayon.com"/>


        <android.support.design.widget.TextInputLayout
            android:id="@+id/namelayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint=" Enter your login UserID"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="20dp"
            android:textColorHint="@color/colorAccent"
            android:layout_marginTop="80dp">


            <EditText
                android:id="@+id/editemail"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:singleLine="true"
                android:drawablePadding="5dp"
                android:textColor="@color/colorPrimaryDark"
                android:textSize="15dp"
                android:backgroundTint="@color/colorPrimaryDark" />

        </android.support.design.widget.TextInputLayout>
        <android.support.design.widget.TextInputLayout
            android:id="@+id/passlayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="20dp"
            android:textColorHint="@color/colorAccent"
            android:hint=" Password">

            <EditText
                android:id="@+id/editpass"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:singleLine="true"
                android:drawablePadding="5dp"
                android:inputType="textPassword"
                android:textColor="@color/colorPrimaryDark"
                android:textSize="15dp"
                android:backgroundTint="@color/colorPrimaryDark"
                />

        </android.support.design.widget.TextInputLayout>

        <Button
            android:id="@+id/LogInBtn"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_marginTop="30dp"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="20dp"
            android:layout_gravity="center"
            android:background="@drawable/button"
            android:text="Login"
            android:textAppearance="?android:textAppearanceLarge"
            android:textStyle="bold"
            android:paddingRight="20dp"
            android:paddingLeft="20dp"
            android:textColor="@color/White"/>
        <TextView
            android:id="@+id/ForgotPassword"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="5dp"
            android:layout_gravity="right"
            android:layout_marginRight="30dp"
            android:textColor="@color/colorPrimaryDark"
            android:text="Forgot Password?"/>


    </LinearLayout>


</LinearLayout>

Step 4: Create a Drawable file button.

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/colorPrimaryDark"/>
    <stroke android:width="1dip" android:color="@color/White" />
    <corners android:radius="10dip"/>
    <padding android:left="0dip" android:top="0dip"
        android:right="0dip" android:bottom="0dip" />
</shape>

Complte project run these project and test it
Tags :Androidandroid login and signup screens with material design source codeAndroid Login Screen DesignAndroid Studiobeautiful android login and signup screens with material design source codebeautiful android login screens design source codeButton DesignTextInputLayout
share on Facebookshare on Twittershare on Pinterestshare on LinkedIn share on Tumblrshare on Redditshare on VKontakteshare on Email
add a comment
CodeplayonJanuary 22, 2019
“Rate This App”-link in Google Play store app on the phone
IoT Evolution and Market
profile for Codeplayon on Stack Exchange, a network of free, community-driven Q&A sites

find me on socials

latest posts

A Guide to the Best Disinfectant Floor Cleaner for Your Home

4 days ago

The 3 Best Websites for Finding House Cleaning Jobs

4 days agoSeptember 18, 2023
What is a Nanomachine

What is a Nanomachine? When it release Applications

2 weeks agoSeptember 7, 2023
android security settings

5 Simple Ways to Maximize Cybersecurity in Everyday Life

3 weeks agoSeptember 13, 2023
Google News
Google News

Search

Contact Info

Contact information that feels like a warm, friendly smile.

Phone:9876543210
Email:info.codeplayon@gmail.com
Website:Codeplayon

popular posts

Joinpd

JoinPD.com – Peardeck Login Full Guide Details 2023

3 weeks agoSeptember 18, 2023
Best StreamEast live Alternatives For Free Sports Streaming

streameast.live For NFL Free Sports Streaming And Streameast Alternatives

7 months agoFebruary 15, 2023
Disneyplus.com/begin

Disneyplus.com begin code for Disney+ account login 2022

2 years agoFebruary 15, 2023
  • A Guide to the Best Disinfectant Floor Cleaner for Your Home
  • The 3 Best Websites for Finding House Cleaning Jobs
  • What is a Nanomachine? When it release Applications
  • 5 Simple Ways to Maximize Cybersecurity in Everyday Life
  • What is facebook marketplace? how does work

Copyright © 2023 codeplayon

Go to mobile version