如何解决应用在不同屏幕上的显示问题？

Question

为什么我的应用程序显示因设备而异这是我在某些设备中得到的输出这是某些设备的输出，您可以清楚地看到右侧正在切割请帮助我在不同的设备中从各个方面修复我的应用程序 UI，如图1所示。我的 XML 代码<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/bg_pic"tools:context=".MainActivity"><LinearLayout    android:layout_width="match_parent"    android:layout_height="wrap_content">    <ImageView        android:id="@+id/imageView"        android:layout_width="33dp"        android:layout_height="27dp"        android:layout_marginLeft="15dp"        android:layout_marginTop="10dp"        app:srcCompat="@drawable/close_btn" />        <LinearLayout            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_marginLeft="135dp"            android:layout_marginTop="5dp"            android:gravity="center">            <TextView                android:id="@+id/imageView2"                android:layout_height="wrap_content"                android:layout_width="wrap_content"                android:background="@drawable/timer"                android:gravity="center"                android:text="15s"                android:textSize="20dp"                android:textColor="#3B3B3B"                android:textStyle="bold" />                </LinearLayout>        <TextView            android:id="@+id/textView"            android:layout_width="97dp"            android:layout_height="40dp"            android:layout_marginLeft="80dp"            android:layout_marginTop="10dp"            android:gravity="center"            android:text="Score: 430"            android:textColor="#000"            android:textSize="18dp" /></LinearLayout></RelativeLayout>

Answer 1

你可以只用RelativeLayout来修复你的视图

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

<RelativeLayout android:layout_width="match_parent"

    android:layout_height="match_parent"

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

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

    <ImageView

        android:id="@+id/imageView"

        android:layout_width="33dp"

        android:layout_height="27dp"

        android:layout_marginStart="16dp"

        android:layout_marginTop="16dp"

        android:layout_alignParentStart="true"

        app:srcCompat="@drawable/ic_round_close" />

        <TextView

            android:layout_marginTop="16dp"

            android:id="@+id/imageView2"

            android:layout_height="wrap_content"

            android:layout_width="wrap_content"

            android:background="@drawable/timer"

            android:layout_centerHorizontal="true"

            android:text="15s"

            android:textSize="20sp"

            android:textColor="#3B3B3B"

            android:textStyle="bold" />

    <TextView

        android:layout_alignParentEnd="true"

        android:id="@+id/textView"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="16dp"

        android:layout_marginEnd="16dp"

        android:gravity="center"

        android:text="Score: 430"

        android:textColor="#000"

        android:textSize="18sp" />

</RelativeLayout>

Answer 2

weightSum您可以通过使用以下方法来实现此目的

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

<LinearLayout 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="wrap_content"

    android:orientation="horizontal"

    android:weightSum="1">

    <ImageView

        android:id="@+id/imageView"

        android:layout_width="0dp"

        android:layout_height="30dp"

        android:layout_weight=".2"

        app:srcCompat="@drawable/close_btn" />

    <TextView

        android:id="@+id/imageView2"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_weight=".4"

        android:background="@drawable/timer"

        android:gravity="center"

        android:text="15s"

        android:textColor="#3B3B3B"

        android:textSize="20dp"

        android:textStyle="bold" />

    <TextView

        android:id="@+id/textView"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_weight=".4"

        android:gravity="center"

        android:text="Score: 430"

        android:textColor="#000"

        android:textSize="18dp" />

</LinearLayout>