Question

I am keeping three image views with 3 different images of the same height. My code is as mentioned below..

<LinearLayout
    android:id="@+id/LinearLayout06"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="left" android:layout_gravity="center_vertical|center_horizontal">

    <ImageView
        android:id="@+id/stopServiceButton"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_weight="1"
        android:adjustViewBounds="true"
        android:background="@null"
        android:paddingRight="5dp"
        android:src="@drawable/stop_service_button_selector" />

    <ImageView
        android:id="@+id/calibrateButton"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_weight="1"
        android:adjustViewBounds="true"
        android:background="@null"
        android:padding="5dp"
        android:src="@drawable/calibrate_button_selector" />

    <ImageView
        android:id="@+id/doneButton"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_weight="1"
        android:adjustViewBounds="true"
        android:background="@null"
        android:padding="5dp"
        android:src="@drawable/done_button_selector" />


</LinearLayout>

In large layouts i was able to manage these images(i dont have to use weight parameter for it) but for small layout i have to keep the weight parameter as one to fit them in the screen, but then the height changes as shown below.

Can someone help me out in this ?

Answer 1

the android:adjustViewBounds=”true” preserves the aspect ratio of the images. since the width is to wrap content, the height gets reduced accordingly.