java - Android:为每个设备自动调整大小

Question

我创建了一个非常简单的应用程序，并在 15 种不同的设备上下载了它。对于其中一些，布局没有调整大小问题，如下所示:

Layout that should be in all layouts

但是当我在 Sansung Galaxy Neo Plus 和平板电脑 Archos 101 Copper 中安装该应用程序时，项目的布局不在我想要的位置。在平板电脑中是背景不同颜色的 View ，在 Galaxy Neo Plus 中是这样的: Layout in the Galaxy Neo Plus

为了自动调整大小，在 Activity xml 中，我使用了这些代码:

android:layout_marginTop="125dp"
android:layout_marginBottom="15dp"
android:layout_marginRight="20dp"
android:layout_marginLeft="20dp"

设置按钮的上/下/左/右边距

android:textSize="30dp"

设置按钮文本的大小

布局代码是这样的:

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg"

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Al meglio di:"
    android:textSize="22dp"
    android:id="@+id/almegliodi"
    android:layout_alignParentTop="true"
    android:layout_marginTop="220dp"
    android:layout_centerHorizontal="true"
    android:typeface="serif"
    android:textStyle="bold|italic"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:gravity="center" />

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text=" UNO "
    android:textStyle="bold"
    android:textSize="35dp"
    android:textColor="@android:color/white"
    android:id="@+id/uno"
    android:background="@android:drawable/dialog_holo_dark_frame"
    android:onClick="uno"
    android:layout_below="@+id/almegliodi"
    android:layout_marginTop="30dp"
    android:layout_centerHorizontal="true"/>
<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text=" TRE "
    android:textStyle="bold"
    android:textSize="35dp"
    android:textColor="@android:color/white"
    android:id="@+id/tre"
    android:background="@android:drawable/dialog_holo_dark_frame"
    android:onClick="tre"
    android:layout_centerHorizontal="true"
    android:layout_below="@+id/uno"
    android:layout_marginTop="30dp"/>
<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text=" CINQUE "
    android:textStyle="bold"
    android:textSize="35dp"
    android:textColor="@android:color/white"
    android:id="@+id/cinque"
    android:background="@android:drawable/dialog_holo_dark_frame"
    android:onClick="cinque"
    android:layout_centerHorizontal="true"
    android:layout_below="@+id/tre"
    android:layout_marginTop="30dp"/>
<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="ESCI"
    android:textStyle="bold"
    android:textSize="30dp"
    android:id="@+id/esci"
    android:background="@android:color/transparent"
    android:layout_marginBottom="7dp"
    android:layout_marginLeft="30dp"
    android:layout_alignParentLeft="true"
    android:layout_alignParentBottom="true"
    android:onClick="esci"
    />
<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="INDIETRO"
    android:textStyle="bold"
    android:textSize="30dp"
    android:textColor="@android:color/white"
    android:id="@+id/indietro"
    android:background="@android:color/transparent"
    android:onClick="indietro"
    android:layout_alignParentRight="true"
    android:layout_alignParentBottom="true"
    android:layout_alignTop="@+id/esci"
    android:layout_marginRight="30dp"
    android:layout_marginBottom="7dp"
    />
</RelativeLayout

我在 Google 上搜索，但发现使用“dp”是在所有设备中自动调整边距和文本大小的最佳方式。

我的错误是什么？我必须做什么来解决兼容性？

谢谢

Answer 1

以下是布局的示例:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#005"
    android:orientation="vertical">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="150dp"
        android:layout_gravity="center_horizontal"
        android:src="@android:drawable/btn_star_big_on"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_gravity="center_horizontal"
        android:layout_margin="24dp"
        android:layout_weight="1"
        android:background="#cfff"
        android:gravity="center"
        android:orientation="vertical">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="New Button"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="New Button"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="New Button"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="New Button"/>

        <android.support.v4.widget.Space
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="New Button"/>
    </LinearLayout>
</LinearLayout>

您当然应该为每个按钮使用 @string/ 以使您的应用程序可翻译，但基本布局应该让您正确了解如何制作正确缩放的布局。

基本上我使用一些线性布局，它们只是说明 View 应该如何排列(水平或垂直)。然后我告诉包含三个主要按钮的 View ，其高度应该为零(只是为了性能)，最重要的部分是布局权重为 1 (android:layout_weight="1")，它告诉系统将开放空间分割给具有权重属性的所有 View 。所以这个会尽可能地填满你的显示屏。在我的例子中，其他 View 仍然会按照您想要的方式渲染 wrap_content。