Androidスタジオ - フィジカルデバイス上で実行された後、相対レイアウトが間違ったアイテムに表示される

Question

私の質問で私を助けてくれることを願っています。私は3つのTextViewとセパレータを持っています。フィジカル・デバイスでは、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: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" /> 

XMLファイルで、私はいくつかのスクリーンショットを掲載します。

また、私は誰も私を助けたいので、もし、また、他のいくつかの質問があり、私に言う:)

EDIT をここに私はそれがなりたいものをIIS：ここDesigner

は私が得るものです：Phisical device

Answer 1

これは私にとってうまくいきます。確認してお知らせください。これは、制約レイアウトに相対的なレイアウトを変換するために、私に警告ウィンドウを送信していましたが、それは私が今オプション2を試してみましたまた、働いていなかった、私が追加したので、私は、またquiestionを投稿する前に、以前のオプション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セパレータ水平方向とのLinearLayoutに& tv_location。このLinearLayoutをtv_time以下に配置してください。