iT邦幫忙

2022 iThome 鐵人賽
DAY 27
0
Mobile Development

從零開始的IOS開發日常系列 第 27 篇

[鐵人賽 Day 27] Swift 仿刻 IOS 內建的 Clock - 計時器 (1) 功能及 UI 介紹

14th鐵人賽
824 瀏覽

  • 分享至 

  • xImage
    •  

今天要介紹的是 IOS 內建 Clock 計時器的功能和 UI 介面！

功能介紹

當我滑動上面的 PickerView 可以設置倒數的時間，按下 "Start" 會開始倒數計時，便把 PickerView 換成 Label 。

在時間到的時候他會跳出通知

UI 介面介紹

這個介面由以下元件組成：

  1. 1 個 PickerView （選擇時間）
  2. 3 個 Button (Start 、 Stop 、 Cancel)
  3. 1 個 Label (顯示倒數時間)

明天會介紹主要功能程式碼！


上一篇
[鐵人賽 Day 26] Swift 仿刻 IOS 內建的 Clock - 馬錶 (2) 主要程式碼內容介紹
下一篇
[鐵人賽 Day 28] Swift 仿刻 IOS 內建的 Clock - 計時器 (2) PickerView 設定
系列文
從零開始的IOS開發日常 共 30 篇
  1. 26
    [鐵人賽 Day 26] Swift 仿刻 IOS 內建的 Clock - 馬錶 (2) 主要程式碼內容介紹
  2. 27
    [鐵人賽 Day 27] Swift 仿刻 IOS 內建的 Clock - 計時器 (1) 功能及 UI 介紹
  3. 28
    [鐵人賽 Day 28] Swift 仿刻 IOS 內建的 Clock - 計時器 (2) PickerView 設定
  4. 29
    [鐵人賽 Day 29] Swift 仿刻 IOS 內建的 Clock - 計時器 (3) 所有功能完成！
  5. 30
    [鐵人賽 Day 30] 鐵人賽結語
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22201 篇
完賽人數
602 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙