Custom AlertDialog not setting width correctly

Question

I'm trying to make a custom alertdialog with an ImageView inside:

public static void showFullSizePhoto(ImageView imageView, Context context) {

    ImageView tempImageView = imageView;

    AlertDialog.Builder imageDialog = new AlertDialog.Builder(context);
    LayoutInflater inflater = (LayoutInflater) context.getSystemService(LAYOUT_INFLATER_SERVICE);

    View layout = inflater.inflate(R.layout.image_dialog,
            (ViewGroup) ((Activity) context).findViewById(R.id.layout_root));

    ImageView image = (ImageView) layout.findViewById(R.id.user_fullimage);
    image.setImageDrawable(tempImageView.getDrawable());        
    imageDialog.setView(layout);         
    AlertDialog dialog = imageDialog.create();  
    dialog.show();          
}

image_dialog.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layout_root" 
    android:orientation="horizontal"
    android:layout_width="wrap_content" 
    android:layout_height="match_parent">
        <ImageView 
            android:id="@+id/user_fullimage" 
            android:layout_width="wrap_content"
            android:layout_height="match_parent">
        </ImageView>    
</LinearLayout>

However it's not displaying my image correctly(see attached picture). How do I get rid of this white stripe, so the dialog window wraps the image?

Libin · Answer 1 · 2014-03-29T01:24:12.663

0

change your layout as

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/layout_root"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
    android:id="@+id/user_fullimage"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="fitXY">
</ImageView>
</LinearLayout>

edited Mar 29 '14 at 01:24

answered Mar 29 '14 at 01:13

Libin

16,967
7
61
83

It stretches the image, leaving the size of the dialog window the same. I want to change the size of the window according to the size of the image. Any ideas how to do that? – Valera Mar 29 '14 at 01:26
try android:scaleType="centerCrop". – Libin Mar 29 '14 at 03:07

score 0 · Accepted Answer · edited May 23 '17 at 12:07

0

Apparently, you can't change the size of AlertDialog, however you can try using Dialog instead. Here is the solution :

Android Image Dialog/Popup same size as image and no border

edited May 23 '17 at 12:07

Community

1
1

answered Mar 29 '14 at 01:42

Valera

423
1
6
16

score 0 · Answer 3 · answered Mar 29 '14 at 04:34

Change your lay out to this:

  <?xml version="1.0" encoding="utf-8"?>
  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layout_root" 
    android:orientation="horizontal"
    android:layout_width="match_parent" 
    android:layout_height="match_parent">
        <ImageView 
            android:id="@+id/user_fullimage" 
            android:layout_width="wrap_content"
             android:scaleType="fitXY"
            android:layout_height="match_parent">
        </ImageView>    
   </LinearLayout>

score 0 · Answer 4 · answered Mar 29 '14 at 04:47

0

set

 android:scaleType="fitXY"

for your ImageView.

answered Mar 29 '14 at 04:47

Custom AlertDialog not setting width correctly

4 Answers4