iT邦幫忙

2022 iThome 鐵人賽
DAY 19
0
Mobile Development

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

[鐵人賽 Day 19] Swift 仿刻 IOS 內建的 Clock - 鬧鐘 (1) 功能及介面介紹

14th鐵人賽
463 瀏覽

  • 分享至 

  • xImage
    •  

功能介紹

主頁面就是由：

  1. 1 個 Navigation Bar
  2. 2 個 Bar Button Item
  3. 1 個 Label
  4. 1 個 TableView

這一個頁面的功能就是要顯示出使用者有哪些鬧鐘、新增鬧鐘還有編輯鬧鐘的頁面，也是主要需要連接 Realm 做的頁面

當我們按下 “＋” 就會跳到新增鬧鐘的頁面

新增鬧鐘是由：

  1. 1 個 Navigation Bar
  2. 2 個 Bar Button Item
  3. 1 個 PickerView
  4. 1 個 View 裡面包含 4 個 Label 3 個 Button 1 個 Switch
  5. 1 個 Button

新增鬧鐘介面主要是設定新鬧鐘的基本資訊，比如：

  • 編輯時間
  • 每個禮拜需要重複哪幾天
  • 鬧鐘的備註
  • 鈴聲用哪個

這個頁面的基本資料編輯完畢後按 "Save" 可以退回主頁面，並把資料回傳給 Realm
順帶一題，在主頁面點擊鬧鐘也可以進來這個頁面編輯基本資訊！

明天我會介紹如何撰寫這些功能的程式碼喔！


上一篇
[鐵人賽 Day 18] Swift 仿刻 IOS 內建的 Clock - 世界時鐘（3）主頁面程式碼介紹
下一篇
[鐵人賽 Day 20] 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) }}
直播中

尚未有邦友留言

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