如何对齐项左右两侧在同一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> 

没有必要在代码改变。 希望它可以帮助你。