Android的工作室 - 物理性设备上运行后的相对布局错位的项目

Question

希望你能帮助我与我的问题，我有三个TextViews和sepparator，我相对布局，在设计师，我已经aranged他们，但我运行后，在物理设备上，只有一个项目出现，甚至该项目错位。我必须告诉你，在我来这里问这个问题之前，我已经搜索了很多个小时，所以请帮助我！

这是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" /> 

如果需要的话，我会张贴一些截图。

而且我也有一些其他问题，所以如果有人想帮助我，告诉我:)

编辑 这里的iis我想它是：Designer

这里是我所得到的：Phisical device

Answer 1

这对我来说工作正常。检查它并让我知道。

<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> 

Answer 2

选项1：使用约束布局（材料设计）
选项2：裹tv_today_date隔板& tv_location中的LinearLayout与水平方向。将此LinearLayout放置在下面tv_time