Customized dialog

In this tutorial we are going to see how can we use Customized dialogs for user interaction in Android. The easiest way to do that is to use the Dialog class.

The basic steps to create a Customized dialog are:

• Create a new xml Layout file that describes the content of the Dialog box and how it will be rendered
• use dialog.setContentView method to make the Dialog Box use the new xml file as its layout description

final Dialog dialog = new Dialog(this);
dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
dialog.setContentView(R.layout.full_image_layout);
...
final Button closeDialogButton = (Button) dialog.findViewById(R.id.close_full_image_dialog_button);
imageView = (ImageView) dialog.findViewById(R.id.image_view);

closeDialogButton.setOnClickListener(new OnClickListener() {

    @Override
    public void onClick(View v) {

  dialog.dismiss();
    }
});
final ImageDownloaderTask task = new ImageDownloaderTask();
task.execute(imageUrl);

dialog.show();

<?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"
>

    <ImageView 

  android:id="@+id/image_view" 

  android:layout_width="wrap_content"

  android:layout_height="wrap_content" 

  android:layout_gravity="center"

  android:layout_marginLeft="5dip"

  android:layout_marginRight="5dip"

  android:layout_marginTop="5dip"

  android:layout_marginBottom="5dip"

 />

 <Button 

  android:id="@+id/close_full_image_dialog_button" 

  android:layout_width="wrap_content"

  android:layout_height="wrap_content" 

  android:text="@string/close"

  android:layout_weight="0.5"

  android:layout_marginLeft="10dip"

  android:layout_marginRight="10dip"

  android:layout_marginTop="5dip"

  android:layout_marginBottom="5dip"

  android:layout_gravity="center" 
    />

</LinearLayout>

 
This was an example of how to create Customized Dialogs in Android

Related Article:

• Android Full App, Part 7: Using options menus and customized dialogs for user interaction