Keep Android ImageButton aspect ratio

Question

I've looked at previous questions on this topic and none of them seem to work. I have a horizontally oriented linearlayout with two (should-be) perfectly square ImageButtons in them. The linearlayout successfully spans the width of the screen and the ImageButtons' widths are perfect; however, they are rendered with twice the height that they should be. I have tried using the scaleTypes of fitStart and fitEnd as well as fitXY and they still render the same--as if they see the parent's width and use it to calculate their scaled height without taking into consideration the width of the other objects that are also in the linearlayout. So I end up with two 2:1 aspect-ratio buttons next to each other with this code:

<LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:layout_margin="10dp"
        android:scaleY="1"
        android:orientation="horizontal"
        >

        <ImageButton
            android:id="@+id/button2"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/tapdat_tap2"
            android:scaleType="fitXY"/>

        <ImageButton
            android:id="@+id/button3"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginRight="0dp"
            android:layout_weight="1"
            android:background="@drawable/tapdat_nottap"
            android:scaleType="fitXY"/>

    </LinearLayout>

Additionally, I have tried putting a scaleY=".5" in the linearlayout tag and it renders with the correct height, however it leaves a large amount of unusable space where the excess height was cut out, which other content cannot fill. (I have also tried putting this scaleY on the ImageButtons individually with the same results.)

Here is solution http://stackoverflow.com/questions/4656986/how-do-i-keep-the-aspect-ratio-on-image-buttons-in-android — Ashwani, Aug 11 '13 at 14:38
After fooling around with it, I got a slightly modified version of that solution to work--it doesn't as-is, however. Thanks for the help! — Reed B, Aug 11 '13 at 15:04
you have `android:layout_width="fill_parent"` so obviously the button will stretch. — DevZer0, Aug 11 '13 at 15:10
I had tried wrap_content as well but if there are two objects next to each other with the same weight, it should only take up half of the width (which it did). — Reed B, Aug 11 '13 at 15:12

score 0 · Answer 1 · answered Aug 21 '13 at 13:35

This is because you are not setting the height in any way and the ratio depends on the width.

// Gets the layout params that will allow you to resize the layout
LayoutParams params = layout.getLayoutParams();
// Changes the height and width to the specified *pixels*
params.height = layout.getWidth();

Keep Android ImageButton aspect ratio

1 Answers1