EP4 登入基地 (UITextField)

YouTube : https://www.youtube.com/watch?v=n-QpNY18hgE

gitHub : https://github.com/PowerSwifter/EP4-UITextField-/tree/master/TextField

EP4流程:在自己ID卡輸入自己的 ID 如果輸入正確 訊息顯示驗證成功 輸入錯誤顯示驗證失敗 完全未輸入 顯示 未輸入文字

TextField 是用來輸入任何文字的元件

e.g. TextField常用在登入帳號密碼 , 寫記事, 聊天室聊天 ….

1. 第一步驟 拉UI

延續上一教學(UIButton) 我們在 XCode 多拉三個元件 一個是我們今天的主角 TextField 一個是用來登入的 UIButton 一個是顯示錯誤訊息的 UILabel

2. 第二步驟 跟ViewController建立 Outlet 及 Action

第三步驟 鍵入程式碼

在ViewDidLoad() 打上以下程式碼 可以讓我們 message box 預設不要顯示出來

在loginButton 這個 Action 打上以下程式碼 這個時候我們就能用 if-else 判斷 我們 TextField 輸入的文字是否正確

第四步驟 跑模擬器

TextField 沒有打任何文字 訊息顯示 未輸入文字

TextField 打入錯誤代號訊息顯示 驗證失敗

TextField 打入正確代號 訊息顯示 驗證成功