아래의 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의를 사용할 수 있습니다, 그리고

설정 6,

안드로이드 :

는 이미지 뷰를 duologo 할 layout_alignParentTop = "참"으로 나서 vertial의 LinearLayout 그래피 (usrNameTxt, usrPassTxt ... 등)은 다른 레이아웃을 포함하고, 설정

로이드 : layout_alignParentBottom = "참"

to LinearLayout.