今天開始設計真正的登入頁面,主要目標是做出有「帳號輸入欄位」、「密碼輸入欄位」和「登入按鈕」的畫面。
我先開啟activity_login.xml,用ConstraintLayout排版,放上兩個EditText跟一個Button。為了讓畫面看起來整齊,我設定帳號和密碼欄位在中間對齊,密碼欄位下面放登入按鈕。密碼那邊加上 android:inputType="textPassword",讓輸入的字變成小黑點,看起來更有安全感。
接著在LoginActivity.kt裡設定按鈕事件:
val username = findViewById(R.id.username)
val password = findViewById(R.id.password)
val button = findViewById(R.id.loginButton)
button.setOnClickListener {
Log.d("Login", "Username: ${username.text}, Password: ${password.text}")
}
目前還沒連接資料庫或驗證系統,但能輸入帳號密碼並印出訊息了。