iT邦幫忙

2022 iThome 鐵人賽
DAY 25
0
Mobile Development

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

[鐵人賽 Day 25] Swift 仿刻 IOS 內建的 Clock - 馬錶 (1) 功能及 UI 介紹

14th鐵人賽
266 瀏覽

  • 分享至 

  • xImage
    •  

今天要和大家介紹 IOS 內建的 Clock 碼錶，以下是他的一些功能及 UI !

功能介紹

當我們按下 “Start” 他就會開始計秒，並且他的 “Start” 和 “Reset” 會換成 “Stop” 和 “Lap”

按下 “Lap” 的時候他會把當前的秒數擷取下來記到按鈕下方的 TabelView

當我們按下 “Stop” 他就會停止計秒，並且他的 “Stop” 和 “Lap會變回 “Start” 和 “Reset”

這個情況按下 “Reset” 他就會把當前 TabelView 的值清空

UI 介紹

這個介面是由：

  • 1 個 Label
  • 4 個 Button (Reset 、 Start 、 Stop 、 Lap)
  • 1 個 TabelView

明天會再向大家介紹主要的程式碼喔！


上一篇
[鐵人賽 Day 24] Swift 仿刻 IOS 內建的 Clock - 鬧鐘 (6)
下一篇
[鐵人賽 Day 26] Swift 仿刻 IOS 內建的 Clock - 馬錶 (2) 主要程式碼內容介紹
系列文
從零開始的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) }}
直播中

尚未有邦友留言

立即登入留言
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙