Android studio - Relativelayout 在运行之后在物理设备上错放了项目

Question

希望你能帮我解决我的问题，我有三个 TextView 和一个分隔符，在我的相对布局上，在设计器上我已经安排了它们，但是在我运行它在物理设备上之后，只有一个项目出现，甚至那个项目放错了地方。我必须告诉你，我已经搜索了很多个小时才来这里问这个问题，所以请帮助我！

这是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="wrap_content"
android:paddingBottom="44dp"
android:paddingTop="24dp"
tools:ignore="RtlSymmetry">

<TextView
    android:id="@+id/tv_time"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_alignStart="@+id/tv_today_date"
    android:gravity="end|center_vertical"
    android:paddingEnd="16dp"
    android:textAlignment="center"
    android:textSize="56sp"
    android:visibility="visible"
    tools:text="12:34" />

<TextView
    android:id="@+id/tv_today_date"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="end"
    android:paddingEnd="16dp"
    android:text="Tue, 20 Apr"
    android:textSize="16sp"
    android:layout_below="@+id/tv_today_time"
    android:layout_toStartOf="@+id/separator" />

<View
    android:id="@+id/separator"
    android:layout_width="0.05dp"
    android:layout_height="0.05dp"
    android:layout_alignBottom="@+id/tv_today_date"
    android:layout_alignTop="@+id/tv_today_time"
    android:layout_centerHorizontal="true"
    android:background="#66FFFFFF" />

<TextView
    android:id="@+id/tv_location"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="start"
    android:paddingStart="16dp"
    android:textSize="16sp"
    tools:text="Bucharest"
    android:layout_below="@+id/tv_today_time"
    android:layout_toEndOf="@+id/separator" />

如果需要，我会post一些截图。

另外我还有其他一些问题，所以如果有人想帮助我，请告诉我:)

编辑这是我想要的：Designer

这是我得到的：Phisical device

Answer 1

选项1：使用约束布局（Material设计）
选项 2：将 tv_today_date 分隔符 & tv_location 包装在水平方向的 LinearLayout 中。将此 LinearLayout 放在 tv_time

下方

Answer 2

这对 me.Check 它工作正常，请告诉我。

<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="wrap_content"
    android:paddingTop="24dp"
   >

    <TextView
        android:id="@+id/tv_time"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:gravity="end|center_vertical"
        android:paddingRight="16dp"
        android:textAlignment="center"
        android:textSize="56sp"
        android:visibility="visible"
        android:text="12:34" />

    <View
        android:id="@+id/separator"
        android:layout_width="0.05dp"
        android:layout_height="0.05dp"
        android:layout_alignBottom="@+id/tv_today_date"
        android:layout_alignTop="@id/tv_time"
        android:layout_centerHorizontal="true"
        android:background="#66FFFFFF" />

    <TextView
        android:id="@+id/tv_today_date"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="end"
        android:paddingRight="16dp"
        android:text="Tue, 20 Apr"
        android:textSize="16sp"
        android:layout_below="@id/tv_time"
        android:layout_toLeftOf="@id/separator" />


    <TextView
        android:id="@+id/tv_location"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="start"
        android:paddingLeft="16dp"
        android:textSize="16sp"
        android:text="Bucharest"
        android:layout_below="@id/tv_time"
        android:layout_toRightOf="@id/separator" />

    </RelativeLayout>

Android studio - Relativelayout 在运行之后在物理设备上错放了项目

Android studio - Relative layout misplaced items after run on phisical device

android

emulation

android-relativelayout

Android studio - Relativelayout 在 运行 之后在物理设备上错放了项目

Android studio - Relative layout misplaced items after run on phisical device

android

emulation

android-relativelayout

Android studio - Relativelayout 在运行之后在物理设备上错放了项目