Easy Android Login Implementation: A Beginner’s Guide

 

Android simple login :

In this tutorial i will explain how to make a Simple Login in android using username and password. Generally Login is used to restrict access and giving authorization to every user.Username and Password is used as login credentials.

 

When user enters username and password it will be matched against predefined credentials here.

I have given predefined username and password and using them you can login.

You can also change them in MainActivity.java file. User will be sent to next screen after successful login and if login failed a toast is displayed.

 

MainActivity.java :

Providing the android simple login code implementation.

 

public class MainActivity extends Activity {

	Button loginbtn, clrbtn;
	EditText uname, pwd;
	String getuname, getpwd;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		loginbtn = (Button)findViewById(R.id.loginbtn);
		clrbtn = (Button)findViewById(R.id.clrbtn);

		uname = (EditText)findViewById(R.id.uname);
		pwd = (EditText)findViewById(R.id.pwd);

		loginbtn.setOnClickListener(new OnClickListener() {

            public void onClick(View v) {

            	getuname = uname.getText().toString();
            	getpwd = pwd.getText().toString();

            	if(getuname.matches("androidcoding") && getpwd.matches("androidcoding")){

            		Intent i = new Intent(MainActivity.this,HomeScreen.class);
            		startActivity(i);
            	} else {

            		Toast.makeText(MainActivity.this,
            			"enter correct username & password", Toast.LENGTH_LONG).show();

            	}

            }
            });

		clrbtn.setOnClickListener(new OnClickListener() {

            public void onClick(View v) {

            	uname.setText("");
            	pwd.setText("");

            }
            });

	}

activity_main.xml :

Now we will design login page i.e., activity_main.xml Adding username and  password edittext, and buttons for sign-in and you can add many more… depending upon you functionality.

 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.androidcoding.abhi.simple_login.MainActivity" >

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Login"
        android:layout_marginTop="80dp"
        android:layout_gravity="center"
        android:textAppearance="?android:attr/textAppearanceLarge" />



    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_marginTop="50dp"
        android:background="#9DA7D0" >

        <EditText
        android:id="@+id/uname"
        android:layout_width="250dp"
        android:layout_height="40dp"
        android:layout_gravity="center"
        android:layout_marginTop="40dp"
        android:background="#ffffff"
        android:hint="username..." >

    </EditText>

        <EditText
        android:id="@+id/pwd"
        android:layout_width="250dp"
        android:layout_height="40dp"
        android:layout_gravity="center"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="20dp"
        android:inputType="textPassword"
        android:background="#ffffff"
        android:hint="password..." >

    </EditText>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="20dp"
            android:gravity="center" >

        <Button
            android:id="@+id/loginbtn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Login" />

        <Button
            android:id="@+id/clrbtn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Clear" />
        </LinearLayout>

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#ffffff"
            android:textSize="20dp"
            android:text=" Username = androidcoding \n  Password = androidcoding" />

    </LinearLayout>

</LinearLayout>

HomeScreen.java :

 

Design a home screen(layout) which should be appearing as a user login.Here generally we will give dashboard which will have options like logout and more….   You can add different screens or menu screen depending upon your usage but i have shown a simple message that user has successfully logged-in.

 

HomeScreen.java

 

public class HomeScreen extends ActionBarActivity {

	Button logout;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.homescreen);

		logout = (Button)findViewById(R.id.logoutbtn);

		logout.setOnClickListener(new OnClickListener() {

            public void onClick(View v) {

            	Intent i = new Intent(HomeScreen.this,MainActivity.class);
        		startActivity(i);

            }
            });
	}

 

homescreen.xml

Adding designing homescreen by adding welcome message display successfully login textview and logout button.

 

homescreen.xml

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textwelcome"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Welcome"
        android:layout_marginTop="80dp"
        android:layout_gravity="center"
        android:textAppearance="?android:attr/textAppearanceLarge" />

     <TextView
        android:id="@+id/loggedin"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="You have successfully logged in"
        android:layout_marginTop="80dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:gravity="center"
        android:layout_gravity="center"
        android:textAppearance="?android:attr/textAppearanceLarge" />

     <Button
         android:id="@+id/logoutbtn"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="Logout"
         android:layout_marginTop="80dp"
         android:layout_gravity="center" />

</LinearLayout>

 

AndroidManifest.xml :

Adding second screen to android manifest file

 

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.androidcoding.abhi.simple_login"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="21" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.androidcoding.abhi.simple_login.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name="com.androidcoding.abhi.simple_login.HomeScreen"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.DEFAULT" />
            </intent-filter>
        </activity>
    </application>

</manifest>

 

Android simple login Output :

This screen depicts android  simple-login

 

If you have any query’s in this post on Android simple login do let us know in comment section below.

Do like and share this tutorial for more interesting updates.