19 July, 2013

Validation PopUp

activity_main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >
    
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_margin="20dp"
        android:layout_marginTop="50dp"
        android:background="@color/grey" >
        
        <TextView
            android:id="@+id/tvsign"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:layout_margin="10dp"
            android:text="@string/sign"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textColor="@color/black" />
        
        <TextView
            android:id="@+id/tvusername"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/tvsign"
            android:layout_margin="10dp"
            android:text="@string/username"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:textColor="@color/red"
            android:textStyle="bold" />
        
        <EditText
            android:id="@+id/etusername"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/tvusername"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:inputType="none" />
        
         <TextView
            android:id="@+id/tvpassword"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/etusername"
            android:layout_margin="10dp"
            android:text="@string/password"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:textColor="@color/red"
            android:textStyle="bold" />
         
         <EditText
            android:id="@+id/etpass"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/tvpassword"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:inputType="textPassword" />
         
          <Button
            android:id="@+id/btnsignin"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/etpass"
            android:layout_marginLeft="8dp"
            android:layout_marginTop="30dp"
            android:background="@drawable/btn"
            android:text="@string/sign"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textColor="@color/white" >
        </Button>
        
          <Button
            android:id="@+id/btnclear"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/etpass"
            android:layout_marginLeft="5dp"
            android:layout_marginTop="30dp"
            android:layout_toRightOf="@+id/btnsignin"
            android:background="@drawable/btn"
            android:text="@string/cleardata"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textColor="@color/white" >
        </Button>
    </RelativeLayout>


</RelativeLayout>

MainActivity.java
package ums.androideasycode.validation;

import ums.androideasycode.validation.R;
import android.os.Bundle;
import android.app.Activity;
import android.content.Context;
import android.content.SharedPreferences;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends Activity 
{
Button btnSignedIn, btnClearData;
EditText etUsername, etPassword;

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

etUsername = (EditText) findViewById(R.id.etusername);
etPassword = (EditText) findViewById(R.id.etpass);

btnSignedIn = (Button) findViewById(R.id.btnsignin);
btnSignedIn.setOnClickListener(new OnClickListener() 
{

@Override
public void onClick(View v) 
{
// TODO Auto-generated method stub
String strName = etUsername.getText().toString();
String strPass = etPassword.getText().toString();

if (null == strName || strName.trim().length() == 0)
{
etUsername.setError("Enter Your Name");
etUsername.requestFocus();

else if (null == strPass || strPass.trim().length() == 0)
{
etPassword.setError("Enter Your Password");
etPassword.requestFocus();

else
{
Toast.makeText(getApplicationContext(), "Username: " + strName + "\nPassword: " + strPass, Toast.LENGTH_LONG).show();
}
}
});

btnClearData = (Button) findViewById(R.id.btnclear);
btnClearData.setOnClickListener(new OnClickListener() 
{

@Override
public void onClick(View v) 
{
etUsername.setText("");
etPassword.setText("");
etUsername.requestFocus();

}
});
}

}

res/drawable/btn.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/btn_pressed" android:state_focused="true" android:state_pressed="true"></item>
    <item android:drawable="@drawable/btn_default" android:state_focused="true" android:state_pressed="false"></item>
    <item android:drawable="@drawable/btn_pressed" android:state_focused="false" android:state_pressed="true"></item>
    <item android:drawable="@drawable/btn_default"></item>


</selector>

res/values/color.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>

    <color name="black">#000000</color>
    <color name="grey">#DCDCDC</color>
    <color name="white">#FFFFFF</color>
    <color name="red">#FF0000</color>


</resources>

res/values/strings.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="action_settings">Settings</string>
    <string name="sign">Sign in</string>
    <string name="app_name">Validation PopUp</string>
    <string name="username">Username</string>
    <string name="password">Password</string>
    <string name="keepme">Keep me logged in</string>
    <string name="cleardata">Clear</string>


</resources>

Screen-Shots
Sign In
Successfully Sign In

popup on username edittext
Username Popup

popup on password edittext
Password Popup

No comments:

Post a Comment