2016-11-17 5 views
0

である私は、リストビューのカスタム行のために書いたXML揃える方法左右同じRelativeLayoutの両方の商品はこちら

<?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項目の

私の右矢印が右を揃え取得されていない、のいずれか、それが外にあります画面またはその位置が、私はこの enter image description here

のように見えるために私のListViewが必要しかし、私は、私を取得していますのTextView

のテキストの長さに応じて変化しますAndroid Studio Designerでこのような行を作成します。 enter image description here

ありがとうございました。

<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"/> 
+0

アンドロイド:src = "@ drawable/right"を持つ画像ビューでアンドロイド:layout_toRightOf = "@ id/tvStatusName" –

答えて

1

だけ矢印画像ビューからandroid:layout_toRightOf="@id/tvStatusName"を削除しても、右矢印画像表示にimageViewRight IDを与えるandroid:layout_toLefttOf="@id/imageViewRight."

を設定します。

+0

ありがとうございました。 – Abhi

1
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>` 
0

デバイスやエミュレータに見た目は同じですか?エミュレータで右矢印が表示されているかどうか確認してください。 それは、コードに変更する必要はありませんコード

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

の下にしようと表示されていない場合。 あなたのお役に立てば幸いです。

関連する問題