wrap_content is not working

Question

I’m having an error with wrap_content on android on my Imagebutton I set the image directly from a URL

EXAMPLE:

ImageButton img = (ImageButton) findViewById(R.id.imageButton);
Picasso.with(getContext()).load("https://java.sogeti.nl/JavaBlog/wp-content/uploads/2009/04/android_icon_256.png").fit().into(img);

and the XML of this Imagebutton is as follows:

<ImageButton
                android:id="@+id/imageButton"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:scaleType="fitEnd" />   

Image display I receive

Answer 1

The wrap_content in Imageviews only works if the image is already of known size, since the layout is inflated as soon as the Activity starts. And in your case your image will still be uploaded from the web.

My suggestion, since you are using Picasso, is to load the image as a Bitmap to a Target and use the callback method onBitmapLoaded() of the same to determine that the image is ready, then you still in this method can access the properties of width and height of the image and resize the Imageview according to the SetLayoutParams().

Something like that:

        Target target = new Target() {
            @Override
            public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) {
                if (bitmap != null) {
                    int width = bitmap.getWidth();
                    int height = bitmap.getHeight();
                    // OBS: Crie um LayoutParams de acordo com o ViewGroup pai da ImageView. 
                    // No meu exemplo, estou supondo que a ImageView está dentro de um 
                    // FrameLayout.
                    imageView.setLayoutParams(new FrameLayout.LayoutParams(width, height));
                    imageview.setImageBitmap(bitmap);
                }
            }

            @Override
            public void onBitmapFailed(Drawable errorDrawable) {}

            @Override
            public void onPrepareLoad(Drawable placeHolderDrawable) {}
        };

        Picasso.with(this)
                .load(url)
                .into(target);