下のレイアウトに縦線を追加するにはどうすればよいですか？

Question

私は下のレイアウトで縦線を追加したいが、私はそれを追加する方法を混乱させる。なぜなら、私の必要条件は、ボタンがあるということです。

私の要件は次のとおりです。 My requirement:show Image

私は私のレイアウトコードを添付していると私はこの出力を取得しています： show image

誰も私が解決策を見つけるためのお手伝いをしてください。

マイレイアウトコード：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="?android:attr/selectableItemBackground" 
    android:clickable="true" 
    android:focusable="true" 
    android:orientation="horizontal" 
    android:paddingBottom="10dp" 
    android:paddingLeft="10dp" 

    android:paddingRight="10dp" 
    android:paddingTop="10dp"> 

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:background="?android:attr/selectableItemBackground" 
     android:clickable="true" 
     android:focusable="true" 
     android:orientation="vertical" 
     android:paddingBottom="10dp" 
     android:paddingLeft="16dp" 

     android:paddingRight="16dp" 
     android:paddingTop="10dp"> 

     <TextView 
      android:id="@+id/title" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_alignParentTop="true" 
      android:text="20% OFF" 
      android:textColor="@color/title" 
      android:textSize="25dp" 
      android:textStyle="bold" /> 

     <TextView 
      android:id="@+id/genre" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_below="@id/title" 
      android:textSize="13dp" 
      android:text="Max.Discount : $150" /> 

     <TextView 
      android:id="@+id/year" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@id/genre" 
      android:textSize="13dp" 
      android:text="Expiry on : 8 Nov 2017" 
      android:textColor="@color/year" /> 
    </RelativeLayout> 

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentEnd="true" 
     android:layout_alignParentTop="true" 
     android:background="?android:attr/selectableItemBackground" 
     android:clickable="true" 
     android:focusable="true" 
     android:orientation="vertical" 
     android:paddingBottom="10dp" 
     android:paddingLeft="16dp" 
     android:paddingRight="16dp" 
     android:paddingTop="10dp"> 

     <TextView 
      android:id="@+id/maxdiscount" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:paddingRight="15dp" 
      android:paddingTop="4dp" 
      android:textSize="16dp" 
      android:text="RAINY20" 
      android:textColor="@color/year" /> 

     <Button 
      android:id="@+id/button" 
      android:layout_width="wrap_content" 
      android:layout_height="40dp" 

      android:text="Apply" 
      android:layout_below="@+id/maxdiscount" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentEnd="true" /> 
    </RelativeLayout> 
</RelativeLayout> 

Answer 1

は最終的に私は解決策を発見しました。 私はandroid:layout_alignBottom="@+id/verticalline"とandroid:layout_alignRight="@+id/verticalline"プロパティを使用して下向き矢印ボタンのandroid:layout_toLeftOf="@+id/button"

と

で縦線の表示を追加しました。私の問題は解決しました。 :)