下划线下面的“密码”布局

Question

我想实现这种类型的布局，而无需使用库：

我想用一个EditText场，但我的问题是执行下面的下划线EditText字段下的当前数字，并使其动态。我可以如何实现这一点的任何提示？

Answer 1

尝试这种使用horizontal LinearLayout

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