#22 Q&A 問答題
認識海洋生物
Published in
4 min readSep 22, 2022
作品截圖:
APP功能說明:
🌟 Answer and Next Button 按一下可以顯示答案,再按一下可以顯示下一題
🌟 slider跟Label顯示題目進度
Recording GIF:
因為想讓畫面看起來乾淨簡單,所以適時的合併一些按鈕,如果有辦法達到的話。
這是第一次用上struct,我是用圖片來代表題目,所以struct裏面只有一個屬性叫answer
建立IBOutlet:
ViewDidLoad:
建立IBAction:
幾本上這裡只有兩個Button,Answer and Next Button 以及 Replay Button,還有一個function
Answer and Next Button是利用if else來判斷要顯示答案或是顯示下一題,以及最後一題按鈕要失效且出現提示。
fileprivate func routine() {
answerLabel.text = ""
creatureImageView.image = UIImage(named: questions[index].answer)
progressSlider.value = Float(index)
progressLabel.text = String("\(index+1)/10")
}
@IBAction func answerButton(_ sender: Any) {if answerLabel.text == ""{
answerLabel.text = questions[index].answer
}
else if answerLabel.text == String(questions[index].answer){
if index < questions.count-1{
index = (index+1)%questions.count
routine()
}
else{
showAnswerNextButton.isEnabled = false
answerLabel.text = "Press Replay"
}
}
}
@IBAction func replayButton(_ sender: Any) {
questions.shuffle()
index = 0
showAnswerNextButton.isEnabled = true
routine()
}
}