--

(密碼 顯示 前兩碼 ) App 的解鎖畫面(passcode)

本次作業,模擬 密碼 輸入功能,總共要輸入 六 位數字密碼,系統會顯示前兩碼數字 ,後面四位數字 會用 圖形 加密 顯示 !

主要功能如下 :
1. 密碼 部分顯示部分隱藏 的功能
2. 密碼輸入錯誤,系統出現 震動畫面,並清除密碼
3. 驗證密碼正確與否的 警訊

主畫面如下 :

重點心得 :
1. // 以下是將 String 取出 數值字元 並放入 text 屬性的方法 !!!我自己想出來的招喔 !呵呵 ! 不過,這應該是很常見的運用啦 !

let c1 = PassWordTyped.index(PassWordTyped.startIndex, offsetBy: 0)
FivethCharacter.text = “\(PassWordTyped[c1])”
2. 將 按鍵輸入的 數字 利用 String.append (數值) 變成字串,之後進行密碼正確與否的比對,很重要 !
3. 利用 CABasicAnimation 進行 View 的 震動 同時清除 密碼 ,是很 Cool 的功能,感謝學長姐的 程式碼 參考 !

成果如下 :(正確密碼是 123698)

程式碼如下 : (請用 XCode 12 Beta 版開啟 !)

--

--