如何對齊項左右兩側在同一RelativeLayout的

Question

這裏是我的自定義行寫的ListView的XML

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="80dp" 
    android:background="#EFEFF4" 
    android:paddingLeft="10dp"> 
    <ImageView 
     android:layout_height="20dp" 
     android:layout_width="20dip" 
     android:layout_centerVertical="true" 
     android:layout_alignParentLeft="true" 
     android:background="@drawable/CircleRed" 
     android:id="@+id/statusColor" /> 

    <TextView 
     android:id="@+id/tvStatusName" 
     android:layout_toRightOf="@id/statusColor" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:textColor="#696969" 
     android:paddingRight="20dp" 
     android:layout_marginLeft="10dp" 
     android:gravity="center_vertical|left" 
     android:layout_centerVertical="true" 
     android:text="Customer Satisfaction" 
     android:textSize="18dip" /> 

    <ImageView 
     android:layout_alignParentRight="true" 
     android:layout_height="20dp" 
     android:layout_width="10dp" 
     android:layout_toRightOf="@id/tvStatusName" 
     android:layout_centerVertical="true" 
     android:src="@drawable/Right"/> 
</RelativeLayout 

ListView項的

我的右箭頭是沒有得到右對齊，無論是出入屏幕或它的位置取決於的TextView

我需要我的ListView看起來像這樣

的文本的長度不一，但我得到我的在Android Studio Designer中像這樣排。

感謝它的工作通過向右箭頭XML Udpating這一點。

<ImageView 
     android:layout_alignParentRight="true" 
     android:layout_height="40dp" 
     android:layout_width="20dp" 
     android:layout_marginRight="10dp" 
     android:layout_centerVertical="true" 
     android:src="@drawable/Right"/> 

Answer 1

剛剛從箭頭圖像視圖中刪除android:layout_toRightOf="@id/tvStatusName"，還可以設置android:layout_toLefttOf="@id/imageViewRight."

給imageViewRight ID向右箭頭圖像視圖。

Answer 2

Use linear layout instead of relative layout.Your code some what like this:`<?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" 
    xmlns:card_view="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_margin="@dimen/view_margin_medium"> 

     <TextView 
      android:id="@+id/lbl_driver_name" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:textColor="@color/color_black" 
      android:text="Hari Piorko" /> 

     <TextView 
      android:id="@+id/lbl_vehicle_no" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_toRightOf="@+id/lbl_driver_name" 
      android:layout_weight="1" 
      android:layout_gravity="center_horizontal" 
      android:text="MH-08-6789" /> 

     <RadioGroup 
      android:id="@+id/radio_group" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="right" 
      android:layout_toRightOf="@+id/lbl_vehicle_no" 
      android:layout_weight="0"> 

      <RadioButton 
       android:id="@+id/radio_driver" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:background="@android:color/transparent" 
       android:layout_gravity="right" 
       android:buttonTint="@color/color_green" /> 

     </RadioGroup> 

    </LinearLayout> 

    <View 
     android:layout_width="match_parent" 
     android:layout_height="2dp" 
     android:background="@color/color_gray" /> 

</LinearLayout>` 

Answer 3

你是否嘗試在設備或模擬器中安裝什麼看起來相似？右箭頭可見或不在仿真器中，請檢查一次。 如果它沒有顯示然後嘗試下面的代碼

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="80dp" 
    android:background="#EFEFF4" 
    android:paddingLeft="10dp"> 
    <ImageView 
     android:layout_height="20dp" 
     android:layout_width="20dip" 
     android:layout_centerVertical="true" 
     android:layout_alignParentLeft="true" 
     android:background="@mipmap/ic_launcher" 
     android:id="@+id/statusColor" /> 

    <TextView 
     android:id="@+id/tvStatusName" 
     android:layout_toRightOf="@id/statusColor" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:textColor="#696969" 
     android:paddingRight="20dp" 
     android:layout_marginLeft="10dp" 
     android:gravity="center_vertical|left" 
     android:layout_centerVertical="true" 
     android:text="Customer Satisfaction" 
     android:textSize="18dip" /> 

    <ImageView 
     android:layout_alignParentRight="true" 
     android:layout_height="20dp" 
     android:layout_width="30dp" 
     android:layout_centerVertical="true" 
     android:padding="5dp" 
     android:src="@mipmap/ic_launcher" /> 
</RelativeLayout> 

沒有必要在代碼改變。 希望它可以幫助你。