紧跟下面＆＃34; pin code＆＃34;布局

Question

我试图在不使用库的情况下实现这种类型的布局：

我想使用一个EditText字段但我的问题是在当前数字下的EditText字段下面实现下划线并使其动态化。关于如何实现这个的任何提示？

Answer 1

尝试使用horizontal LinearLayout

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="30dp"
    android:layout_marginLeft="60dp"
    android:layout_marginRight="60dp"
    android:layout_marginTop="20dp"
    android:orientation="horizontal"
    android:weightSum="4">

    <EditText
        android:id="@+id/edDigit1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:hint="1"
        android:imeOptions="actionNext"
        android:inputType="number"
        android:maxLength="1" />

    <EditText
        android:id="@+id/edDigit2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:hint="2"
        android:imeOptions="actionNext"
        android:inputType="number"
        android:maxLength="1" />

    <EditText
        android:id="@+id/edDigit3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:hint="3"
        android:imeOptions="actionNext"
        android:inputType="number"
        android:maxLength="1" />

    <EditText
        android:id="@+id/edDigit4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:hint="4"
        android:imeOptions="actionNext"
        android:inputType="number"
        android:maxLength="1" />

</LinearLayout>