Android Studio 學習：02----創建一個簡單的登入頁面

1、創建項目，可以直接選Add No Activity ,這裏我選了Basic Activity

2、包名原則上是全都要小寫的，填了項目名，就會自動填入，包名唯一標識一個app 

3、創建成功後，界面的顯示

4、項目目錄 

5、創建一個登入的activity_login.xml文件，用來顯示登入界面

6、顏色資源文件用來存放顏色資源，用使用顏色時直接通過“@color/name”來使用，這裏的name指具體顏色自己的命名，可以直接點擊左邊的顏色小框框來更改顏色。

 

7、文本資源文件的作用和顏色資源文件一樣，下邊分別是文本資源文件strings.xml和顏色資源文件colors.xml

8、activity_login.xml的佈局代碼

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/yellow">
    <TextView
        android:textStyle="bold"
        android:textColor="@color/blue"
        android:textSize="30dp"
        android:text="@string/hello"
        android:layout_gravity="center"
        android:layout_marginTop="80dp"
        android:layout_width="300dp"
        android:layout_height="50dp"/>
    <ImageView
        android:layout_marginTop="30sp"
        android:layout_gravity="center"
        android:src="@mipmap/ic_launcher"
        android:layout_width="120dp"
        android:layout_height="120dp"
        />
    <LinearLayout
        android:layout_marginTop="50dp"
        android:background="@color/pink"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <TextView
            android:id="@+id/userid"
            android:textStyle="bold"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="賬號："
            android:textSize="30sp" />

        <EditText
            android:id="@+id/ediUserid"
            android:layout_width="318dp"
            android:layout_height="wrap_content"
            android:text="請輸入賬號"
            android:textSize="30dp" />

    </LinearLayout>
    <LinearLayout
        android:layout_marginTop="10sp"
        android:background="@color/pink"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/passwordid"
            android:textStyle="bold"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="密碼："
            android:textSize="30sp" />
        <EditText
            android:id="@+id/passwordEidt"
            android:layout_width="333dp"
            android:layout_height="wrap_content"
            android:text="請輸入密碼"
            android:textSize="30dp" />
    </LinearLayout>

    <Button
        android:id="@+id/loginButton"
        android:layout_marginTop="20sp"
        android:layout_width="200dp"
        android:layout_height="70dp"
        android:layout_gravity="center"
        android:text="登入"
        android:textSize="30dp"
        android:textStyle="bold"
        android:background="@color/yellow2"/>
    <Button
        android:id="@+id/registerButton"
        android:layout_marginTop="10dp"
        android:layout_width="200dp"
        android:layout_height="60dp"
        android:layout_gravity="center"
        android:text="註冊"
        android:textSize="30dp"
        android:textStyle="bold"
        android:background="@color/yellow2"/>
    <Button
        android:id="@+id/forgetButton"
        android:layout_marginTop="30dp"
        android:layout_width="150dp"
        android:layout_height="50dp"
        android:layout_gravity="right"
        android:text="忘記密碼"
        android:textSize="20sp"
        android:textStyle="italic"
        android:background="@color/pink2"/>
</LinearLayout>

9、最後得出來的界面