Custom Dialog with EditText in Android Development

Description:
This example will show how you can create a custom dialog with edit text in android.

Algorithm:

1.) Create a new project by File-> New -> Android Project name it CustomDialogwithEditText.

2.) Write following into activity_main.xml:

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<Button
android:id="@+id/startdialog"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text=" Start Dialog "
/>
</LinearLayout>

 

 

3.) Create and write following into layout/custom.xml:

 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/customdialog"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="10dp"
>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher"
/>
<TextView
android:id="@+id/dialogtextview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<EditText
android:id="@+id/dialogedittext"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
<Button
android:id="@+id/dialogupdate"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Add a Caption to this window"
/>
<Button
android:id="@+id/dialogdismiss"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Back to main activity"
/>
</LinearLayout>

 

 

4.) Run for output.

Steps:

1.) Create a project named CustomDialogwithEditText and set the information as stated in the image.

Build Target: Android 4.2
Application Name: CustomDialogwithEditText
Package Name: com.example.CustomDialogwithEditText
Activity Name: MainActivity
Min SDK Version: 2.2

2.) Open MainActivity.java file and write following code there:

 

package com.example.customdialogwithedittext;

import android.app.Activity;
import android.app.Dialog;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends Activity {

static final int CUSTOM_DIALOG_ID = 0;

TextView customDialog_TextView;
EditText customDialog_EditText;
Button customDialog_Update, customDialog_Dismiss;
;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

Button buttonStartDialog = (Button)findViewById(R.id.startdialog);
buttonStartDialog.setOnClickListener(new Button.OnClickListener(){

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
showDialog(CUSTOM_DIALOG_ID);
}
});
}

private Button.OnClickListener customDialog_UpdateOnClickListener
= new Button.OnClickListener(){

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
customDialog_TextView.setText(customDialog_EditText.getText().toString());
}

};

private Button.OnClickListener customDialog_DismissOnClickListener
= new Button.OnClickListener(){

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
dismissDialog(CUSTOM_DIALOG_ID);
}

};

@Override
protected Dialog onCreateDialog(int id) {
// TODO Auto-generated method stub
Dialog dialog = null;;
switch(id) {
case CUSTOM_DIALOG_ID:
dialog = new Dialog(MainActivity.this);

dialog.setContentView(R.layout.custom);
dialog.setTitle("Custom Dialog");

customDialog_EditText = (EditText)dialog.findViewById(R.id.dialogedittext);
customDialog_TextView = (TextView)dialog.findViewById(R.id.dialogtextview);
customDialog_Update = (Button)dialog.findViewById(R.id.dialogupdate);
customDialog_Dismiss = (Button)dialog.findViewById(R.id.dialogdismiss);

customDialog_Update.setOnClickListener(customDialog_UpdateOnClickListener);
customDialog_Dismiss.setOnClickListener(customDialog_DismissOnClickListener);

break;
}
return dialog;
}
}

 

 

3.) Compile and build the project.

Output

Leave a Comment: