一、新增圖片

<ImageView
    android:id="@+id/iv"
    android:layout_width="70dp"
    android:layout_height="70dp"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="10dp"
    android:background="@drawable/logo"   //在drawable資料夾下新增圖片logo.jgp

二、新增文字框

<LinearLayout
    android:id="@+id/ll_name"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/iv"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="10dp"
    android:layout_marginBottom="5dp"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"

    android:background="@drawable/tran1"   
//在drawable資料夾下新增文字tran1.xml也可以改為android:background=“#ffffff”
    >
    <TextView
        android:id="@+id/tv_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:text="使用者名稱："
        android:textColor="#000"
        android:textSize="20sp" />

    <EditText
        android:id="@+id/et_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="請輸入使用者名稱"
        android:layout_marginLeft="5dp"
        android:background="@drawable/tran"
//在drawable資料夾下新增文字tran.xml也可以改為android:background=“#ffffff”
        android:padding="10dp"
        />
</LinearLayout>

密碼文字框的設計與上面基本相同

三、新增按鍵

<Button
    android:id="@+id/bth_1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/ll_mima"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginTop="10dp"
    android:background="@drawable/tran2"
//在drawable資料夾下新增文字tran2.xml也可以改為android:background=“#0044ff”
    android:text="登入"
    android:textSize="20sp"
    android:textColor="#ffffff"
    />