iT邦幫忙

2025 iThome 鐵人賽

0
Mobile Development

app學習實作經驗系列 第 15

Day 15:設計登入頁面(帳號、密碼欄位)

  • 分享至 

  • xImage
  •  

今天開始設計真正的登入頁面,主要目標是做出有「帳號輸入欄位」、「密碼輸入欄位」和「登入按鈕」的畫面。

我先開啟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}")
}

目前還沒連接資料庫或驗證系統,但能輸入帳號密碼並印出訊息了。


上一篇
Day 14:整理程式碼,學習 Log.d() 偵錯
下一篇
Day 16:設計註冊頁面(新帳號、新密碼)
系列文
app學習實作經驗30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言