AndroidのUI設計

Question

私は私のアプリのUIを作成しようとしていますが、このイメージは、ログインに使用する方法を知りませんでした、ユーザ名、XMLに言及を提出しました。
上記のように、ページUIにアンドロイドログを投稿していますが、どのようにpngイメージファイルであるか、またはimage.pngがアニメーションである可能性があるため、イメージのクリック可能なフィールドでこのシナリオのように、ここで使用されたものが使用されました。

ありがとうございました....

私はAndroid UIのデザインを学ぶのが初めてです。

Answer 1

xmlコードでuiを設計する必要があります。 EditText、ButtonなどのXMLコードが含まれていないため、画像を直接使用することはできません。 uは、このタイプのを設計することは困難ではないため you can refer this link for android ui tutorial

か、XMLコードの下に参照することができます

<!?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="true" > 

    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:gravity="center" 
     android:orientation="vertical" 
     android:background="#011a32" 
     android:padding="16dp"> 


     <ImageView 
      android:layout_width="@dimen/logo_w_h" 
      android:layout_height="@dimen/logo_w_h" 
      android:layout_gravity="center_horizontal" 
      android:layout_marginBottom="30dp" 
      android:src="@mipmap/ic_launcher" /> 

     <android.support.design.widget.TextInputLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:textColorHint="#fff"> 

      <EditText 
       android:id="@+id/email" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:hint="Username" 
       android:inputType="textEmailAddress" 
       android:maxLines="1" 
       android:minLines="1" /> 

     </android.support.design.widget.TextInputLayout> 

     <android.support.design.widget.TextInputLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="10dp" 
      android:textColorHint="#fff"> 

      <EditText 
       android:id="@+id/password" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:focusableInTouchMode="true" 
       android:hint="Password" 
       android:imeActionId="@+id/login" 
       android:imeOptions="actionUnspecified" 
       android:inputType="textPassword" 
       android:maxLines="1"/> 

     </android.support.design.widget.TextInputLayout> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="10dp" 
      android:orientation="horizontal"> 

      <CheckBox 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="0.2"/> 

      <TextView 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="Remember me" 
       android:gravity="left" 
       android:textColor="#fff"/> 

      <TextView 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="Forgot Password" 
       android:gravity="right" 
       android:textColor="#fff"/> 

     </LinearLayout> 

     <Button 
      android:id="@+id/sign_up_button" 
      style="?android:textAppearanceSmall" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="16dp" 
      android:background="@android:color/holo_red_dark" 
      android:text="Login" 
      android:textColor="@android:color/white" 
      android:textStyle="bold" /> 

     <Button 
      android:id="@+id/sign_in_button" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="20dip" 
      android:background="@android:color/holo_red_dark" 
      android:text="Create An Account" 
      android:textAllCaps="false" 
      android:textColor="@android:color/white" 
      android:textSize="15dp" /> 


    </LinearLayout> 

</RelativeLayout>