Insiste ci-dessous mise en page

Question

Je suis en train de mettre en œuvre ce type de mise en page « code PIN » sans utiliser une bibliothèque:

Je veux utiliser un champ EditText mais mon problème est de mettre en œuvre les underscores en dessous de la EditText champs sous le numéro actuel et le rendre dynamique. Des conseils sur la façon dont je peux mettre en œuvre cela?

Answer 1

essayer cette utilisation 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>