Comment centrer 2 EditTexts un à droite de l'autre dans Android?

Question

Je veux obtenir les résultats suivants:

C'est résumaient en bas en dessous d'autres widgets. Tout est dans un RelativeLayout. Le EditText bleu (edittexts) doit être cliquable et une autre couleur. Comment aligner ces deux editTexts en bas, l'un à côté de l'autre?

Mon XML:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       android:id="@+id/parent_relative" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent"> 
    <ImageView 
     android:id="@+id/icon_user_login" 
     android:layout_marginTop="50dp" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:src="@drawable/circlered"/> 

    <TextView 
     android:id="@+id/textViewDisplayPrijava" 
     android:layout_marginTop="150dp" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:text="Prijava z MojAvto računom" 
     android:textSize="25sp"/> 


    <EditText 
     android:id="@+id/textViewLoginEmail" 
     android:textSize="15sp" 
     android:inputType="textEmailAddress" 
     android:layout_marginTop="20dp" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/textViewDisplayPrijava" 
     android:layout_alignLeft="@id/textViewDisplayPrijava" 
     android:layout_alignRight="@id/textViewDisplayPrijava" 
     android:hint="E-poštni naslov" 
     android:drawableLeft="@drawable/user_icon" 
     android:drawablePadding="20dp"/> 


    <EditText 
     android:id="@+id/editTextGeslo" 
     android:layout_width="0dp" 
     android:textSize="15sp" 
     android:inputType="textPassword" 
     android:layout_marginTop="5dp" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/textViewLoginEmail" 
     android:layout_alignLeft="@id/textViewLoginEmail" 
     android:layout_alignRight="@id/textViewLoginEmail" 
     android:hint="Geslo" 
     android:drawableLeft="@drawable/password_icon" 
     android:drawablePadding="20dp"/> 

    <TextView 
     android:id="@+id/textViewPozabljenoGeslo" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignRight="@id/textViewDisplayPrijava" 
     android:layout_below="@id/editTextGeslo" 
     android:text="Pozabljeno geslo" 
     android:onClick="forgotPassword" 
     android:clickable="true"/> 



    <Button 
     android:layout_marginTop="15dp" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/textViewPozabljenoGeslo" 
     android:layout_alignLeft="@id/textViewDisplayPrijava" 
     android:layout_alignRight="@id/textViewDisplayPrijava" 
     android:text="PRIJAVA"/> 

    <TextView 
     android:id="@+id/textViewNimatePrijave" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:text="EditText1"/> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_toRightOf="@id/textViewNimatePrijave" 
     android:text="EditText2"/> 

</RelativeLayout> 

Answer 1

vous devez utiliser la vue imbriquée. Placez-le dans une vue de conteneur, comme (LinearLayout ou RelativeLayout) et alignez-le au centre.

Voici l'exemple de code:

<RelativeLayout android:layout_width="match_parent" 
        android:layout_height="match_parent"> 
     <RelativeLayout android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:layout_centerHorizontal="true" 
         android:layout_alignParentBottom="true"> 
      <TextView android:layout_width="wrap_content" 
         android:id="@+id/text_view_first" 
         android:layout_centerVertical="true" 
         android:layout_height="wrap_content" 
         android:layout_alignParentLeft="true" 
         android:text="There are 2"/> 
      <EditText android:layout_width="wrap_content" 
         android:layout_toRightOf="@id/text_view_first" 
         android:layout_centerVertical="true" 
         android:id="@+id/edit_text_second" 
         android:layout_height="wrap_content" 
         android:text="editText"/> 
     </RelativeLayout> 
    </RelativeLayout> 

si vous avez besoin pour soutenir les versions de l'API supérieur à 16 API, alors au lieu de android:layout_alignParentLeft il sera préférable d'utiliser android:layout_alignParentStart. Voici le lien vers le documentation.

Here vous pouvez trouver le guide, fourni par Google, comment utiliser RelativeLayout à sa pleine puissance.