iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 11
0
Mobile Development

IOS Beginner's 30days 系列 第 11

Day11 UIAlertController(一)

  • 分享至 

  • xImage
  •  

UIAlertController

應用程式在運行的時候,如果有任何臨時的事情要通知使用者,提示框就是你最好的選擇,但提示框不像一般的 UI 一樣有元件可以用,必須透過程式碼去生成,接下來我就試做幾個常見的提示框給大家看。

今天的提示框我會透過事先拉好的三個按鈕去觸發。
https://ithelp.ithome.com.tw/upload/images/20200911/2012967764kwLwtPK8.png

Alert

宣告一個常數,並讓型態為 UIAlertController ,並設定標題、訊息、及提示的格式。

let alert = UIAlertController(title: "提示", message: "這是一個簡單的提示", preferredStyle: .alert)

接著要為提示框加上一個確認的按鈕,並新增至提示框內。

let action = UIAlertAction(title: "確認", style: .default, handler: nil)
alert.addAction(action)

最後要將這個提示框顯示在我們的畫面上。

self.present(alert, animated: true, completion: nil)

這樣一個簡單的提示框就完成了。

執行的結果
https://ithelp.ithome.com.tw/upload/images/20200911/20129677loxLWLqiOJ.png

ActionSheet

ActionSheet 跟 Alert 有87%像,只差在 ActionSheet 是從底部彈出的,所以我們只要修改preferredStyle:actionSheet就能正常運作了,並且我們再加上一個取消的按鈕,完成了會長這樣。
https://ithelp.ithome.com.tw/upload/images/20200911/20129677pwAUaFgDaM.png

再來看一下結果
https://ithelp.ithome.com.tw/upload/images/20200911/20129677u2QMmE2Oej.png

最後一個因為東西比較多我們留到明天介紹。


上一篇
Day10 Constraint 約束(三)
下一篇
Day12 UIAlertController(二)
系列文
IOS Beginner's 30days 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言