更改imagebutton在android上按比例缩小设备大小

时间:2014-02-07 18:26:05

标签: android

我正在使用一些图像按钮开发xml,图像按钮在模拟器中正确显示但是它在

上解散

设备(例如galaxy fit)

如模拟器https://www.dropbox.com/s/qeecp868ht61sck/emulator.jpg和galaxy fit https://www.dropbox.com/s/23r9tvtp0tcn7bs/fit.jpg

所述

什么更改imagebutton与尺寸设备成比例?

我能做什么?

这是我的xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".Main"
android:background="@drawable/backmain" >

<ImageButton
android:id="@+id/btnfehrest"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="53dp"
android:background="@null"
android:src="@drawable/fehrest" />

<ImageButton
android:id="@+id/btndarbareh"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/btnfehrest"
android:layout_marginLeft="21dp"
android:background="@null"
android:src="@drawable/darbareh" />

<ImageButton
android:id="@+id/btnmahsulat"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignTop="@+id/btndarbareh"
android:layout_marginRight="17dp"
android:background="@null"
android:src="@drawable/mahsulat" />

<ImageButton
android:id="@+id/btnkhoruj"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/btndarbareh"
android:layout_centerHorizontal="true"
android:background="@null"
android:src="@drawable/khoruj" />

<FrameLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true" >

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/main"
    android:scaleType="fitXY" />

</FrameLayout>

</RelativeLayout>

1 个答案:

答案 0 :(得分:0)

这完全是因为您在xml中使用了相对布局

相对布局始终与父视图或子视图一起维护xml中其他视图的关系。

所以在小屏幕上你的FrameLayout按钮图像试图适应屏幕,因为它保持与其他视图的关系,这就是它重叠的原因。

谈论对此提出建议

1)您可以将线性布局滚动视图一起使用,即如果视图超出屏幕,您可以通过向下滚动来查看它们。

//如果你不想这样做

2)您可以使用相同的名称在 layout-small 中创建另一个xml。    例如:

RES&GT;布局&GT;的 main.xml中

RES&GT;布局小&GT;的 main.xml中

第二个选项将帮助您为不同的屏幕尺寸创建多种支持。

注意:默认布局 - 小文件夹不存在,但您可以创建它。