使布局适用于所有具有固定尺寸的 Android 设备

Question

我面临着让我的布局在所有具有相同尺寸的 Android 设备上工作的麻烦。我注意到每次朋友安装我的应用程序时，Buttons 和 TextViews 都会改变它们的初始位置，有时会上升或下降，或者使其中的文本环绕而不是全部显示（我将附上其中一个的一些代码布局为例）。我需要一些好的文档和/或教程以获得最佳布局设计。

Answer 1

发生这种情况是因为您在视图上使用了固定大小的尺寸，并且因为不同的手机有不同的屏幕尺寸，您会看到这种差异。

如评论部分所述 - 您可以使用ConstraintLayout创建一个布局以支持所有不同的屏幕尺寸。

这是您想要的布局的示例（无论如何看起来都相似）：

<?xml version="1.0" encoding="utf-8"?>

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"

  xmlns:app="http://schemas.android.com/apk/res-auto"

  android:layout_width="match_parent"

  android:layout_height="match_parent"

  android:layoutDirection="ltr"

  android:orientation="vertical">

<android.support.constraint.ConstraintLayout

    android:layout_width="match_parent"

    android:layout_height="wrap_content">

    <Button

        android:id="@+id/button6"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginBottom="8dp"

        app:layout_constraintBottom_toTopOf="@+id/button5"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHeight_percent=".2"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent" />

    <Button

        android:id="@+id/button5"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginBottom="8dp"

        app:layout_constraintBottom_toTopOf="@+id/button7"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHeight_percent=".2"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/button6" />

    <Button

        android:id="@+id/button7"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginBottom="8dp"

        app:layout_constraintBottom_toTopOf="@+id/button8"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHeight_percent=".2"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/button5" />

    <Button

        android:id="@+id/button8"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginBottom="8dp"

        app:layout_constraintBottom_toTopOf="@+id/button9"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHeight_percent=".2"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/button7" />

    <Button

        android:id="@+id/button9"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginBottom="8dp"

        app:layout_constraintBottom_toTopOf="@+id/button10"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHeight_percent=".2"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/button8" />

    <Button

        android:id="@+id/button10"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginBottom="8dp"

        app:layout_constraintBottom_toTopOf="@+id/button11"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHeight_percent=".2"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/button9" />

    <Button

        android:id="@+id/button11"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginBottom="8dp"

        app:layout_constraintBottom_toTopOf="@+id/button12"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHeight_percent=".2"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/button10" />

    <Button

        android:id="@+id/button12"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginBottom="8dp"

        app:layout_constraintBottom_toTopOf="@+id/button13"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHeight_percent=".2"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/button11" />

    <Button

        android:id="@+id/button13"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginBottom="8dp"

        app:layout_constraintBottom_toTopOf="@+id/button14"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHeight_percent=".2"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/button12" />

    <Button

        android:id="@+id/button14"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginBottom="8dp"

        app:layout_constraintBottom_toTopOf="@+id/button15"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHeight_percent=".2"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/button13" />

    <Button

        android:id="@+id/button15"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginBottom="8dp"

        app:layout_constraintBottom_toTopOf="@+id/button16"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHeight_percent=".2"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/button14" />

    <Button

        android:id="@+id/button16"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginBottom="8dp"

        app:layout_constraintBottom_toTopOf="@+id/button17"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHeight_percent=".2"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/button15" />

    <Button

        android:id="@+id/button17"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginBottom="8dp"

        app:layout_constraintBottom_toTopOf="@+id/button18"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHeight_percent=".2"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/button16" />

    <Button

        android:id="@+id/button18"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginBottom="8dp"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHeight_percent=".2"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/button17" />

    </android.support.constraint.ConstraintLayout>

</ScrollView>