如何为下面的布局添加垂直线?
How to add vertical line for below layout?
我想在下面的布局中添加垂直线,但我不知道如何添加它。因为我的要求是在垂直线的末尾有一个按钮。
我的要求如下图所示。
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 : 0" />
<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>
我终于找到了解决办法。
我用 android:layout_toLeftOf="@+id/button"
添加了垂直线视图
和
对于向下箭头按钮,使用 android:layout_alignBottom="@+id/verticalline"
和 android:layout_alignRight="@+id/verticalline"
属性。我的问题解决了。 :)
我想在下面的布局中添加垂直线,但我不知道如何添加它。因为我的要求是在垂直线的末尾有一个按钮。
我的要求如下图所示。 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 : 0" />
<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>
我终于找到了解决办法。
我用 android:layout_toLeftOf="@+id/button"
和
对于向下箭头按钮,使用 android:layout_alignBottom="@+id/verticalline"
和 android:layout_alignRight="@+id/verticalline"
属性。我的问题解决了。 :)