如何在Android中的两个LinearLayouts之间绘制一条水平线

时间:2017-08-16 11:52:06

标签: android android-layout

enter image description here

这是我的当前屏幕:

   <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/title"
            android:layout_margin="5dp"
            android:background="@drawable/radial_gradient">

            <LinearLayout
                android:id="@+id/layout1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical">

                <com.cognistrength.caregiver.cogniutils.CSTextView
                    android:id="@+id/button"
                    android:layout_width="45dp"
                    android:layout_height="45dp"
                    android:layout_gravity="right"
                    android:layout_marginRight="34dp"
                    android:layout_marginTop="18dp"
                    android:layout_marginLeft="28dp"
                    android:background="@drawable/purple_circular_layout"
                    android:gravity="center"
                    android:text="1"
                    android:textColor="@color/milk_white"
                    android:textSize="12sp"
                    android:textStyle="bold" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="@color/milk_white"
                    android:text="Profile"
                    android:layout_gravity="center"/>
            </LinearLayout>

            <LinearLayout
                android:id="@+id/layout2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@id/layout1"
                android:orientation="vertical">

                <com.cognistrength.caregiver.cogniutils.CSTextView
                    android:id="@+id/button2"
                    android:layout_width="45dp"
                    android:layout_height="45dp"
                    android:layout_gravity="right"
                    android:layout_marginRight="34dp"
                    android:layout_marginTop="18dp"
                    android:layout_marginLeft="28dp"
                    android:background="@drawable/purple_circular_layout"
                    android:gravity="center"
                    android:text="2"
                    android:textColor="@color/milk_white"
                    android:textSize="12sp"
                    android:textStyle="bold" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="@color/milk_white"
                    android:text="Familly"
                    android:layout_gravity="center"/>
            </LinearLayout>


            <LinearLayout
                android:id="@+id/layout3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@id/layout2"
                android:orientation="vertical">

                <com.cognistrength.caregiver.cogniutils.CSTextView
                    android:id="@+id/button3"
                    android:layout_width="60dp"
                    android:layout_height="45dp"
                    android:layout_gravity="right"
                    android:layout_marginRight="34dp"
                    android:layout_marginTop="18dp"
                    android:layout_marginLeft="28dp"
                    android:background="@drawable/purple_circular_layout"
                    android:gravity="center"
                    android:text="3"
                    android:textColor="@color/milk_white"
                    android:textSize="12sp"
                    android:textStyle="bold" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="@color/milk_white"
                    android:text="Health Record"
                    android:layout_gravity="center"/>
            </LinearLayout>

        </RelativeLayout>

使用此XML,我可以在相对布局中绘制3个圆形文本视图。我想绘制一到两个和两个和三个文本视图之间的水平线,如下面给出的屏幕,请建议我如何实现这一点。我正在尝试应用视图,但无法在屏幕下方设置弹出。

enter image description here

4 个答案:

答案 0 :(得分:0)

只需在它们之间添加FrameLayoutImageView,然后在其上绘制任何内容。

答案 1 :(得分:0)

您可以在两个布局之间使用类似下面的代码,高度为1 dp

<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="#000"/>

答案 2 :(得分:0)

您可以在布局

之间实现视图
<View
    android:id="@+id/view_firstName"
    android:layout_width="match_parent"
    android:layout_height="2dp"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginTop="10dp"
    android:background="@color/hintcolor"

    />

答案 3 :(得分:0)

您只需要在布局之间添加视图。

<View
    android:width="match_parent" 
    android:height="1dp"
    background="yourColor"/>