开发者

How to put an image in an AlertDialog? Android

I don't know how to put an image into an AlertDialog.

I have this code, but i think this is not possible.

AlertDialog.Builder alert = new Al开发者_Go百科ertDialog.Builder(MessageDemo.this);    
ImageView imageView = (ImageView) findViewById(R.id.imageView1);    
imageView.setImageResource(R.drawable.cw);             
alert.setView(imageView);    
alert.setNeutralButton("Here!", new DialogInterface.OnClickListener() {
    public void onClick(DialogInterface dlg, int sumthin) {

    }
});    
alert.show();


Create one sample.xml and add ImageView in that XML.

sample.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:id="@+id/dialog_imageview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />

</LinearLayout>

Java Code :

AlertDialog.Builder alertadd = new AlertDialog.Builder(MessageDemo.this);
LayoutInflater factory = LayoutInflater.from(MessageDemo.this);
final View view = factory.inflate(R.layout.sample, null);
alertadd.setView(view);
alertadd.setNeutralButton("Here!", new DialogInterface.OnClickListener() {
                public void onClick(DialogInterface dlg, int sumthin) {

                }
            });

alertadd.show();


You could do it in the following way. This will show an alertDialog with a message (if you don't need the message, just remove that line) and the image (and an OK button):

ImageView image = new ImageView(this);
image.setImageResource(R.drawable.YOUR_IMAGE_ID);

AlertDialog.Builder builder = 
        new AlertDialog.Builder(this).
        setMessage("Message above the image").
        setPositiveButton("OK", new OnClickListener() {                     
            @Override
            public void onClick(DialogInterface dialog, int which) {
                    dialog.dismiss();
            }
        }).
        setView(image);
builder.create().show();


There is an another option you can put an image in AlertDialog without creating an xml file.

    AlertDialog.Builder builder=new AlertDialog.Builder(DialogActivity.this);
    builder.setCancelable(true);
    builder.setIcon(R.drawable.your image name);
    builder.setTitle("Incoming Call");
    builder.setInverseBackgroundForced(true);
    builder.setPositiveButton("Accept",new DialogInterface.OnClickListener(){
        
        @Override
        public void onClick(DialogInterface dialog, int which){
            dialog.dismiss();
        }
    });
    builder.setNegativeButton("Reject",new DialogInterface.OnClickListener(){
        
        @Override
        public void onClick(DialogInterface dialog, int which){
            dialog.dismiss();
        }
    });
    AlertDialog alert=builder.create();
    alert.show();


For images I just do this:

public void onClick (View view) {
    new AlertDialog.Builder(this).setView(R.layout.your_layout).show();
}


In addition to the other answers, i want to add the point that you should not be obliged to use AlertDialog. For example, in my case i want to show only imageView in a dialog and AlertDialog didn't worked for this case. The below solution worked for me :

LayoutInflater factory = LayoutInflater.from(context);
final View view = factory.inflate(R.layout.myphoto_layout, null);
Dialog dialog = new Dialog(context);
dialog.setContentView(view);
dialog.show();

myphoto_layout.xml :

<?xml version="1.0" encoding="utf-8"?>
<ImageView
    android:id="@+id/iv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/someImage" />

If you want to add image to your layout dynamically, you can use the below code :

ImageView iv = view.findViewById(R.id.iv); // id of your imageView element
iv.setImageBitmap(itmap);


Try this method:

private void dialog() {
    AlertDialog.Builder alert = new AlertDialog.Builder(MainMenuActivity.this);
    LayoutInflater inflater = this.getLayoutInflater();
    View team = inflater.inflate(R.layout.image_layout, null);
    alert.setView(team);
    alert.show();
}

In addition, implement a layout named image_layout and put the desired UI elements into it.


In kotlin, just drag and drop a png file into "res" folder. In my case "res/drawable". Then, use this code:

    binding.myButton.setOnClickListener {
        val image = ImageView(requireContext()) 
        var myDialog: AlertDialog.Builder? = null
        image.setImageResource(R.drawable.my_png_file)
        myDialog = AlertDialog.Builder(
            requireContext(),
            R.style.AppCompatAlertDialogStyle
        )
        myDialog?.setTitle(getString(R.string.dialogTitle))
        myDialog?.setMessage(getString(R.string.dialogMessage))
        myDialog?.setPositiveButton(getString(R.string.closeDialog)) { dialog, _ ->
            dialog.dismiss()
        }
        myDialog?.setView(image)
        myDialog?.show()
}

The png file should already contain margins, so that the image doesn't stretch to the edges of the dialog. I used photoshop to shrink the image and create the margins (margins are represented in red below):

How to put an image in an AlertDialog? Android

Result (notice the left and right margins)

How to put an image in an AlertDialog? Android

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜