Question

我有一个设计要求来显示如图所示的零件。 Example Image

我尝试过以下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，以便将文字放在中心位置。

Android版布局，如Legend和Fieldset

2 个答案: