Android RelativeLayout設計問題

Question

我正面臨android設計問題，我無法理解爲什麼發生這很奇怪。

我的佈局代碼：

<RelativeLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_margin="10dp"> 

    <RelativeLayout 
     android:id="@+id/outgoing_layout_bubble" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="60dp" 
     android:layout_marginRight="8dp" 
     android:background="@drawable/chatrectbg" 
     android:padding="10dp" 
     android:visibility="visible"> 

     <TextView 
      android:id="@+id/message" 
      style="@style/chat_text_message_style" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_toStartOf="@+id/time" 
      android:autoLink="web" 
      android:paddingRight="10dp" 
      android:text="@{chat.messageText}" 
      android:textColor="@android:color/white" 
      android:textStyle="bold" /> 

     <TextView 
      android:id="@id/time" 
      style="@style/chat_timings" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentBottom="true" 
      android:layout_alignParentRight="true" 
      android:layout_marginRight="4dp" 
      android:padding="5dp" 
      android:paddingRight="10dp" 
      android:text="@{chat.messageTime}" 
      android:textColor="@android:color/white" 
      android:textStyle="bold" /> 

    </RelativeLayout> 
    </RelativeLayout> 

預覽代碼是如下：

我想背景顏色的變化將連續文本，但事實並非如此。 我不明白我在做什麼錯了？

Answer 1

你可以嘗試這樣的，

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:padding="10dp" 
    android:layout_gravity="end" 
    android:gravity="end" 
    android:orientation="horizontal"> 
    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:background="#555" 
     android:padding="10dp" 
     android:gravity="end|center_vertical" 
     android:layout_gravity="right" 
     android:orientation="vertical"> 



     <TextView 
      android:id="@+id/message" 
      style="@style/chat_text_message_style" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:autoLink="web" 
      android:text="Message " 
      android:textColor="@android:color/white" 
      android:textStyle="bold" /> 

     <TextView 
      android:id="@id/time" 
      style="@style/chat_timings" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/message" 
      android:padding="5dp" 
      android:gravity="right" 
      android:text="Time" 
      android:textColor="@android:color/white" 
      android:textStyle="bold" /> 

    </LinearLayout> 
</LinearLayout>