android - 像 Legend 和 Fieldset 这样的 Android 布局

Question

我有一个设计要求，要显示一个如图所示的部分。

我尝试了以下 XML

<LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal" >

                <View
                android:id="@+id/lineLeft"
                android:layout_height="1dip"
                android:layout_width="25dp"
                android:layout_marginBottom="10dp"
                android:background="#b8b8b8" />

                <TextView
                    android:id="@+id/link_to_register"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="40dip"
                    android:layout_marginTop="40dip"
                    android:gravity="center"
                    android:text="@string/register_label"
                    android:textColor="#525252"
                    android:textSize="20sp" />

                <View
                android:id="@+id/lineRight"
                android:layout_height="1dip"
                android:layout_width="25dp"
                android:layout_marginBottom="10dp"
                android:background="#b8b8b8" />

            </LinearLayout>

上面的 XML 显示了 TextView，但没有显示行。我怎样才能实现它。

请帮忙。

Answer 1

试试这个：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <View
        android:id="@+id/lineLeft"
        android:layout_width="0dp"
        android:layout_height="1dp"
        android:layout_margin="10dp"
        android:layout_weight="1"
        android:background="#b8b8b8" />

    <TextView
        android:id="@+id/link_to_register"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="register_label"
        android:textColor="#525252"
        android:textSize="20sp" />

    <View
        android:id="@+id/lineRight"
        android:layout_width="0dp"
        android:layout_height="1dp"
        android:layout_margin="10dp"
        android:layout_weight="1"
        android:background="#b8b8b8" />
</LinearLayout>

Answer 2

尝试这个：

<RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal" >

            <View
            android:id="@+id/lineLeft"
            android:layout_height="1dip"
            android:layout_width="25dp"
            android:layout_marginBottom="10dp"
            android:background="#b8b8b8" />

            <TextView
                android:id="@+id/link_to_register"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:text="@string/register_label"
                android:textColor="#525252"
                android:textSize="20sp" />

            <View
            android:id="@+id/lineRight"
            android:layout_height="1dip"
            android:layout_width="25dp"
            android:layout_marginBottom="10dp"
            android:background="#b8b8b8" />

        </RelativeLayout>

您也可以替换layout_centerInParent为layout_centerHorizontal以获取顶部中心的文本。