Как создать логин, как показано ниже в android?

Question

Мне нужно создать страницу входа в систему, как показано ниже в android? как я могу это достичь?

В настоящее время мой дизайн как это,

<ImageView 
     android:id="@+id/duologo" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:layout_marginTop="10dp" 
     android:clickable="false" 
     android:scaleType="center" 
     android:src="@drawable/mainlogo" /> 

<TextView 
    android:id="@+id/txtlogotext" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/duologo" 
    android:layout_centerHorizontal="true" 
     android:text="DUO APP" /> 

<EditText 
    android:id="@+id/usrNameTxt" 
    style="@style/EditTextDuoedittext" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentTop="true" 
    android:layout_centerHorizontal="true" 
    android:singleLine="true" 
    android:lines="1" 
    android:ellipsize="end" 
    android:layout_marginTop="200dip" 
    android:drawableLeft="@drawable/usernameicon" 
    android:ems="10" 
    android:hint="User name" 
    android:padding="10dp" > 

    <requestFocus /> 
</EditText> 

<EditText 
    android:id="@+id/usrPassTxt" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/usrNameTxt" 
    android:layout_centerHorizontal="true" 
    android:drawableLeft="@drawable/passwordicon" 
    android:ems="10" 
    android:singleLine="true" 
    android:lines="1" 
    android:ellipsize="end" 
    style="@style/EditTextDuoedittext" 
    android:hint="Password" 
    android:inputType="textPassword" 
    android:padding="10dp" /> 

Answer 1

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/parentView" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:background="@drawable/plain_bg" 
    android:orientation="vertical" > 

    <ScrollView 
     android:id="@+id/signinScroll" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:fillViewport="true" 
     android:orientation="vertical" > 

     <RelativeLayout 
      android:id="@+id/tapView_Signin" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:orientation="vertical" > 

      <ImageView 
       android:id="@+id/imageView1" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignParentTop="true" 
       android:layout_centerHorizontal="true" 
       android:layout_marginTop="44dp" 
       android:src="@drawable/logo" /> 

      <LinearLayout 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_alignParentLeft="true" 
       android:layout_below="@+id/imageView1" 
       android:layout_marginTop="120dp" 
       android:orientation="vertical" 
       android:padding="20dp" 
       > 

       <EditText 
        android:id="@+id/uname" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_marginBottom="15dp" 
        android:hint="Username" 
        android:imeOptions="actionNext" 
        android:inputType="text" 
        android:singleLine="true" 
        android:drawableLeft="@drawable/user_icon" 
        android:drawablePadding="10dp" 
        android:background="@drawable/imageviewborder" 
        android:padding="10dp" 
        > 

       </EditText> 

       <EditText 
        android:id="@+id/pwd" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_marginBottom="25dp" 
        android:hint="Password" 
        android:imeOptions="actionDone" 
        android:inputType="textPassword" 
        android:singleLine="true" 
        android:drawableLeft="@drawable/pwd_icon" 
        android:drawablePadding="10dp" 
        android:background="@drawable/imageviewborder" 
        android:padding="10dp" 
        /> 

       <Button 
        android:id="@+id/login" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:background="@drawable/curvebig_btn" 
        android:text="Sign In" 
        android:textColor="#ffffff" 
        android:textSize="20sp" 
        /> 
      </LinearLayout> 
     </RelativeLayout> 
    </ScrollView> 

</RelativeLayout> 

Answer 2

Вы можете использовать RelativeLayout в целом контейнере, и установить

андроида: layout_alignParentTop = "истинный"

к duologo ImageView, затем содержит другие макеты (например, usrNameTxt, usrPassTxt ...) с помощью vertial LinearLayout и установить

андроид: layout_alignParentBottom = "истина"

LinearLayout.