如何使边框像视图之间的小线？

Question

我想在Android布局中制作这样的边框，我该怎么做？

Answer 1

如果您想要自定义分隔符，请在drawable中创建separator.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient
        android:angle="90"
        android:centerColor="#ffffffff"
        android:endColor="#00ffffff"
        android:startColor="#00ffffff" />

</shape>

然后使用此

引用此分隔符形状

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="2dip"
    android:layout_height="fill_parent"
    android:layout_marginLeft="4dip"
    android:layout_marginRight="4dip"
    android:src="@drawable/seperator" />

结果：

Answer 2

用于显示上述输出图像

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#eeeeee"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="E"
        android:paddingTop="5dp"
        android:paddingBottom="5dp"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:background="@android:color/white"
        android:layout_marginRight="5dp" />
        <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="F"
        android:paddingTop="5dp"
        android:paddingBottom="5dp"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:background="@android:color/white"
        android:layout_marginRight="5dp" />

</LinearLayout>

Answer 3

我认为你可以通过将三个Views添加到你想要的颜色

来实现这一点

像

<View
android:layout_height="wrap_content"
android:layout_width="1dip"
android:background="#f3f3f3"
/>

Answer 4

要在android中创建边框，我们必须在形状中使用笔划标记（xml drawable）

这是我在最后测试过的代码：

stroke_background.xml          

    <stroke android:width="1dp"
        android:color="@android:color/darker_gray"/>
    <solid android:color="#ffffff"/>


</shape>

您需要的布局

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp" 
    android:weightSum="1">

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:layout_weight=".5" 
        android:background="@drawable/stroke_background">

        <TextView
            android:id="@+id/textView1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="E" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:orientation="vertical"

        android:background="@drawable/stroke_background"
        android:layout_weight=".5"
         >

        <TextView
            android:id="@+id/textView2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="F" />

    </LinearLayout>

</LinearLayout>

结果看起来像这样..