Android ImageButton在不同的屏幕上

时间:2012-03-19 12:12:12

标签: java android screen imagebutton

在我的应用程序的用户界面中我有5 ImageButton所有在3.7“屏幕上都可以,但如果我有一个2.7”的屏幕,3.0“或其他我的UI将无法扩展,它看起来很糟糕。看起来像这样:

3,7"

enter image description here

2,7"

enter image description here

如何让所有屏幕都看起来很漂亮,就像屏幕上的3.7“?

代码:main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/Background"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/two"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/LL"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="150dp"
        android:orientation="vertical"
        android:scaleType="fitXY" >

        <ImageButton
            android:id="@+id/ibTest1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:background="@drawable/one" />

        <ImageButton
            android:id="@+id/ibTest2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:background="@drawable/one" />

        <ImageButton
            android:id="@+id/ibTest3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:background="@drawable/one" />

        <ImageButton
            android:id="@+id/ibTest4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:background="@drawable/one" />

        <ImageButton
            android:id="@+id/ibTest5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:background="@drawable/one" />
    </LinearLayout>

</RelativeLayout>

5 个答案:

答案 0 :(得分:1)

使用RelativeLayout,然后放置LinearLayout高度wrap_content,并将按钮放在LinearLayout内。对于尺寸,也请使用dp代替px

P.S。如果您发布布局代码,我们可以帮助您更好。

编辑:现在我可以看到你的代码,我可以表明你想要我的答案:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/Background"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/two"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/LL"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:orientation="vertical"
        android:gravity="center"
        android:layout_centerInParent="true" >

        <ImageButton
            android:id="@+id/ibTest1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/one" />

        <ImageButton
            android:id="@+id/ibTest2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/one" />

        <ImageButton
            android:id="@+id/ibTest3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/one" />

        <ImageButton
            android:id="@+id/ibTest4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/one" />

        <ImageButton
            android:id="@+id/ibTest5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/one" />
    </LinearLayout>

</RelativeLayout>

答案 1 :(得分:0)

你能提供一些代码吗? 也许尝试添加到xml

android:scaleType="fitXY"

答案 2 :(得分:0)

首先为所有

制作图像
  

MDPI,HDPI,LDPI

按照他们的规模。

将Lineatlayout仅置于按钮的中心位置。

然后设置属性gravity =“Center”;

答案 3 :(得分:0)

确保您使用dp而非使用'px' ..这是一个常见原因。

答案 4 :(得分:0)

在xml中的每个imageview中尝试添加

  android:adjustViewBounds="true"
  android:scaleType="centerCrop"