今天的任務是設計註冊頁面,讓使用者可以建立新帳號和密碼。這一步就是真的開始有使用者系統的雛形。
我先新增一個RegisterActivity,在XML裡放上三個EditText:分別是新帳號、新密碼、再次確認密碼,下面再加一個註冊按鈕。這次我嘗試用ConstraintLayout做出更漂亮的排列,加了hint文字讓畫面看起來更清楚。
在kotlin程式裡,我先抓取輸入的文字內容,然後做簡單的檢查:
if (password1 == password2 && username.isNotEmpty()) {
Toast.makeText(this, "註冊成功!", Toast.LENGTH_SHORT).show()
} else {
Toast.makeText(this, "請確認密碼是否相同或帳號是否為空", Toast.LENGTH_SHORT).show()
}
前面打錯變數名稱,導致判斷永遠錯誤,後面找到問題修好就能看到註冊成功了。
今天學會表單驗證的概念,像是密碼要兩次一致、欄位不能空白。雖然現在資料還沒存起來,但整體流程已經成形。