Pages

Building Cutom Alert Dialog Android

A dialog is a small window that prompts the user to make a decision or enter additional information. A dialog does not fill the screen and is normally used for model events that require users to take an action before they can proceed.


Custom alert Example

Simlpe Alert Example

For this ,we need :-
1.MainActivity.java
2.avtivity_main.xml
3.custom.xml

MainActivity.java


package com.blogspot.help2computer.alertdialogs;

import android.app.Dialog;
import android.os.Bundle;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.Window;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {

    Button popup;

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

        popup = (Button) findViewById(R.id.button_popup);
        popUpAlert();

    }

    public void popUpAlert() {
        popup.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View v) {
                AlertDialog.Builder alertDialog = new AlertDialog.Builder(MainActivity.this);

                final Dialog dialog = new Dialog(MainActivity.this);
                dialog.getWindow();
                dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
                //dialog.setTitle("Log in");                dialog.setContentView(R.layout.custom);
                dialog.show();
            }
        });
    }
}
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<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="com.blogspot.help2computer.alertdialogs.MainActivity">

    <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:textAppearance="?android:attr/textAppearanceLarge"
 android:text="Alert Example"
 android:id="@+id/textView"
 android:layout_alignParentTop="true"
 android:layout_centerHorizontal="true" />

    <Button
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Pop up"
 android:id="@+id/button_popup"
 android:layout_below="@+id/textView"
 android:layout_marginTop="67dp"
 android:layout_alignParentLeft="true"
 android:layout_alignParentStart="true"
 android:layout_alignParentRight="true"
 android:layout_alignParentEnd="true" />
</RelativeLayout>
custom.xml

<LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:weightSum="1">
    <ImageView
        android:layout_width="384dp"
        android:layout_height="64dp"
        android:scaleType="center"
  android:background="#FFFFBB33"
        android:contentDescription="@string/app_name"
        android:layout_weight="4.76" />
  
    <EditText
 android:id="@+id/username"
 android:inputType="textEmailAddress"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_marginTop="16dp"
 android:layout_marginLeft="4dp"
 android:layout_marginRight="4dp"
 android:layout_marginBottom="4dp"
 android:hint="username" />
 
    <EditText 
 android:id="@+id/password"
 android:inputType="textPassword"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_marginTop="4dp"
 android:layout_marginLeft="4dp"
 android:layout_marginRight="4dp"
 android:layout_marginBottom="16dp"
 android:fontFamily="sans-serif"
 android:hint="password"/>
  <Button
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="ok"
 android:id="@+id/button"
 android:layout_gravity="center_horizontal"
 android:layout_weight="4.76" />
</LinearLayout>



No comments:

Post a Comment