The android layout lacks proportion when I set the background of Imagebutton.

Question

The android layout lacks proportion when I set the background of Imagebutton.

enter image description here

And the code of xml is like the following:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:baselineAligned="false"
    android:orientation="vertical" >

    <FrameLayout
        android:id="@+id/player_frame"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_above="@+id/buttonLayout" >

        <FrameLayout
            android:id="@+id/player_surface_frame"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_gravity="center" >

            <SurfaceView
                android:id="@+id/player_surface"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_gravity="center" />
        </FrameLayout>
    </FrameLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:orientation="vertical" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" >

            <Button
                android:id="@+id/findCameraButton"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="4"
                android:text="@string/label_find_camera" />

            <Button
                android:id="@+id/SettingButton"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="4"
                android:text="@string/Camera_WiFi_setup" />

            <ImageButton
                android:id="@+id/FileSavebutton"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="4"
                android:background="@drawable/save_in_camera" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >
                <TextView
                android:id="@+id/TimeStampLabel"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="10dip"
                android:text=""
                android:textColor="#ffff00"
                android:textAppearance="?android:attr/textAppearanceMedium" />
        </LinearLayout> 

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="vertical" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" >

            <Button
                android:id="@+id/snapshotButton"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="4"
                android:text="@string/label_app_snapshot" />

            <Button
                android:id="@+id/recordButton"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="4"
                android:text="@string/label_app_record" />

             <ImageButton
                android:id="@+id/photo_record_mode"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="4"
                android:background="@drawable/turn_to_photomode"/>

        </LinearLayout>
    </LinearLayout>

</RelativeLayout>

How to setup can make the top of LinearLayout no deformation like the LinearLayout of bottom ?

It is same , when I change height to wrap_content. My background is 512*512. — Wun, Dec 27 '13 at 01:43

score 0 · Answer 1 · answered Dec 26 '13 at 12:32

0

Have you tried changing all the android:layout_height values from match_parent to wrap_content?

answered Dec 26 '13 at 12:32

Gavin

460
4
11

Sorry then my bad :-( – Gavin Dec 26 '13 at 12:39
It is same , when I change height to wrap_content. My background is 512*512. – Wun Dec 27 '13 at 01:44
Have a look at this then: http://stackoverflow.com/questions/5902230/how-to-implement-an-androidbackground-that-doesnt-stretch – Gavin Dec 27 '13 at 12:53

score 0 · Answer 2 · answered Oct 23 '14 at 14:25

i think you should use scaleType to get your image look nice

prefer fitXY

like that android:scaleType="fitXY"

put inside your xml to be whole code like that

 <ImageButton
                android:id="@+id/photo_record_mode"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="4"
                android:background="@drawable/turn_to_photomode"
                android:scaleType="fitXY"/>

The android layout lacks proportion when I set the background of Imagebutton.

2 Answers2