App 的解鎖畫面(passcode)&& 亂數 計時器功能 Timer 簡單資料儲存 userdefaults()

成果展示

使用元件

#if else #Array # Timer #UserDefaults #switch

解鎖畫面

可參考這篇

練習：實作App解鎖畫面

使用switch 判斷使用者填入第幾項資料

func PasswordImage(){
switch TypeWord.count {
case 1:
FristPasswordView.isHighlighted=true
SecondPasswordView.isHighlighted=false
ThirdPasswordView.isHighlighted=false
FourthPasswordView.isHighlighted=false
case 2:
FristPasswordView.isHighlighted=true
SecondPasswordView.isHighlighted=true
ThirdPasswordView.isHighlighted=false
FourthPasswordView.isHighlighted=false
case 3:
FristPasswordView.isHighlighted=true
SecondPasswordView.isHighlighted=true
ThirdPasswordView.isHighlighted=true
FourthPasswordView.isHighlighted=false
case 4:
FristPasswordView.isHighlighted=true
SecondPasswordView.isHighlighted=true
ThirdPasswordView.isHighlighted=true
FourthPasswordView.isHighlighted=true
CheckPassword()
default:
FristPasswordView.isHighlighted=false
SecondPasswordView.isHighlighted=false
ThirdPasswordView.isHighlighted=false
FourthPasswordView.isHighlighted=false
}
}

關於switch

使用方法：

switch 條件 {
case 判斷條件1 : code for 1

case 判斷條件2 : code for 2 
default: print( "default message")

• 條件使用case ，在：寫上要執行的程式
• 只要匹配case 就執行完畢 ，後面不必再接續處理
• 必須包含所有case，或是使用default捕捉剩下的情況

輸入錯誤時清除Passwordview

func ClearPassword(){
FristPasswordView.isHighlighted=false
SecondPasswordView.isHighlighted=false
ThirdPasswordView.isHighlighted=false
FourthPasswordView.isHighlighted=false
TypeWord = ""
}

骰子比大小

將骰子圖片存入Array

var Diceimage=["perspective-dice-one","perspective-dice-two","perspective-dice-three","perspective-dice-four","perspective-dice-five","perspective-dice-six"]

取亂數顯示圖片

YourDiceImage.image=UIImage(named: Diceimage[YourDice]) //我方骰子
EnemyDiceImage.image=UIImage(named: Diceimage[EnemyDice]) //對手骰子

再透過if else 判斷勝負並加減分 搭配switch 顯示圖片

if YourDice>EnemyDice{
Score+=1
}
if YourDice<EnemyDice{
Score-=1
}
switch Score {
case 1:
ScoreImage.isHidden=false
ScoreImage2.isHidden=true
ScoreImage3.isHidden=true
case 2:
ScoreImage.isHidden=false
ScoreImage2.isHidden=false
ScoreImage3.isHidden=true
case 3:
ScoreImage.isHidden=false
ScoreImage2.isHidden=false
ScoreImage3.isHidden=false
GotoNextVC()
default:
ScoreImage.isHidden=true
ScoreImage2.isHidden=true
ScoreImage3.isHidden=true
}
if Score<1{
Score=0
}

計時器使用

透過Timer來設定固定時間執行function 設定固定 0.1 秒執行 runTimer

timer=Timer.scheduledTimer(timeInterval: 0.1, target: self, selector:#selector(runTimer) , userInfo: nil, repeats: true)

func runTimer() 用counter 紀錄時間 並顯示在label上

@objc func runTimer(){
counter+=0.1
timeLabel.text = String(format: "%.1f", counter)
}

當答對時停止計時並透過使用UserDefault() 將資料存入 Key為 “GuessTime”

if self.timer != nil {
self.timer.invalidate()
stoptime=counter
print(stoptime)
UserDefaults().setValue(stoptime, forKey: "GuessTime")//存資料
}

Swift筆記

＃Timer()：

var timer = Timer() 
timer = Timer.scheduledTimer(timeInterval: , target: self, selector: #selector(timerAction), userInfo: nil, repeats: true)

timeInterval: 時間區隔
timerAction: 執行的函式

停止：

// 將timer的執行緒停止     
if self.timer != nil 
{   
  self.timer?.invalidate() 
                 }

#UserDefaults:

UserDefaults().setValue(value: Any?, key: String) //存入資料
UserDefaults().valueType(forKey:"DiceCountTime") //讀取資料

參考

#120 App 的解鎖畫面(passcode)

使用 IBOutlet，IBAction & 亂數創作有趣的 App

使用Swift開發App - 簡易儲存 UserDefault

程式碼

g7huway0310/PassCode-Timer

希望這篇文章能夠幫助到你(妳)

如有錯誤指正

I hope you found this guide helpful. If not, then please let me know either in the comments below, I’m AlberLee

Swift#11