A Simple Login Application In Android

In this post, I will create a simple Login application. This post will give you a brief idea of how to develop an application which handles user interactions.

The user will enter login credentials and after validating, the application will generate a message. The username and password will be validated against constant values "admin" and "admin".

Let's start with this.

As discussed in the first post, create one application with the following details.



 

Now, look at your eclipse window carefully.

You will notice different windows like Package Explorer, Pallet, Outline, Console, and LogCat etc. These are very important things to notice while developing an Android application

Take a look at Palette. There are a few sections like Form Widgets, Text Fields, Layouts and more. Each section contains different components which can be used to create user interfaces.

Going back to our application, you will notice "Hello world!" text in your app window (similar to the example in the first post). It is a TextView, used to display a static text just like labels.

Delete the TextView.

There are two tabs,

• Graphical Layout 
• activity_login.xml. 

Open activity_login.xml. You will find the XML code which contains RelativeLayout.

There are different layouts available in Android like Linear Layout, Table Layout, and Grid Layout etc. which form the base or the other components.

Now, again, go back to the Graphical Layout, go to Form Widgets and drag one TextView onto the UI.



Right-click on the TextView which we have dragged in our UI and select Edit Text...You will be prompted with the following window.

Select New String...



Specify New R. string. and String as mentioned in the image. New R. string is similar to the name of the variable and String is its value.

Click OK. You will get a new string which will be used to display in our TextView. Click OK on the "Resource Chooser" window.

Right-click on the "Username" TextView. Select Edit ID... Give the desired name to the TextiVew. I have given the name as tv_Username.

Drag an Edit Text field from the Palette's Text Fields section. If you see, there are different types of Edit Texts available. Drag the one which is highlighted in the below image.



Similarly, set the text (blank) and id properties.

Now, add one more TextView and EditText. This time, select the Password edit text instead of normal one, from the Palette's Text Fields section.

Add Button from the Form widgets section. Set its ID and text properties.



Add one more TextView at the bottom to display the messages for login status.