AlertDialog with image using ImageView Example


Alert Dialogs are used to display pop up windows over an Android Activity, they usually have a title, message and one to three buttons where we describe the action to be performed when using on OnClickListener()

AlertDialog with Image using ImageView
AlertDialog with Image using ImageView

If you want an image to be displayed within an AlertDialog, you have to create a Custom Layout and inflate it using LayoutInflater,

custom_dialog.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"

    android:layout_height="match_parent">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="220dp"
        android:id="@+id/imageView"
        android:background="@drawable/banner"
        android:layout_weight="1" />

</LinearLayout>
File : Activity.java onCreate()
protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

         toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);


        AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);




        //Yes Button
        builder.setPositiveButton("Yes", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                Toast.makeText(getApplicationContext(), "Yes button Clicked", Toast.LENGTH_LONG).show();
                Log.i("Code2care ", "Yes button Clicked!");
                dialog.dismiss();
            }
        });




        LayoutInflater inflater = getLayoutInflater();
        View dialoglayout = inflater.inflate(R.layout.custom_dialog, null);

        builder.setView(dialoglayout);
        builder.show();
}