Why does the image get distorted (doesn’t maintain the proportions) in Imageview?

Question

I have some images inside the folder drawable and call them via code:

 public void inserindoImage(ImageView image,int rid,LinearLayout linear )
    {
        image.setBackgroundResource(rid);
        linear.addView(image);
    }

When calling this function the image goes on the screen.

and stay like this

original image

I would like to know how to make the image keep the proportion in imagemView, as you can see there is a deformation in the image.

xml

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="50dp"
    android:id="@+id/scrollView">
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/linearImage"
            android:orientation="horizontal">
            <!--Imagem vem aqui-->
        </LinearLayout>
    </LinearLayout>
</ScrollView>

In case I put only one, but comes more picture so the scroolView.

Answer 1

Substitute image.setBackgroundResource(rid); for image.setImageResource(rid);

setBackgroundResource() assigns the image to background of view causing her to "stretch" in order to fill it all.

In turn setImageResource() assigns the image to Imageview content, taking into account its dimensions.

On principle, whenever you create a View, should also indicate which Layoutparams to use.

Change the method inserting Image() for:

public void inserindoImage(ImageView image,int rid,LinearLayout linear )
{
    LinearLayout.LayoutParams params =
        new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,
                                      ViewGroup.LayoutParams.WRAP_CONTENT);

    image.setLayoutParams(params);
    image.setImageResource(rid);
    linear.addView(image);
}