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 打入正確代號 訊息顯示 驗證成功

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.