紧跟下面" pin code"布局

时间:2017-10-10 13:21:21

标签: android android-layout

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

enter image description here

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

1 个答案:

答案 0 :(得分:0)

尝试使用horizontal LinearLayout

enter image description here

<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>