iT邦幫忙

2022 iThome 鐵人賽
DAY 16
0
Mobile Development

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

[鐵人賽 Day 16] Swift 仿刻 IOS 內建的 Clock - 世界時鐘（1）功能介紹及 UI 建立

14th鐵人賽
377 瀏覽

  • 分享至 

  • xImage
    •  

Swift 仿刻 IOS 內建的 Clock - 世界時鐘（1）功能介紹及 UI 建立

功能介紹

點擊 “＋” 可以跳到新增其他國家城市的頁面！

在這邊會列出所有其他國家的城市，點選其中一個就會新增到主頁面

在這邊要列出那個城市目前的時間、與格林威治的時間差、以及那個城市的名字

點擊 “Edit” 可以進行列表編輯（包含列表移動、刪除）、也可以左滑刪除

拉介面 UI

  1. 先放置一個 Navigation Bar 在螢幕最上方

  2. 在Navigation Bar裡面放置 2 個 Navigation Item (一個是編輯模式的按鈕、另一個是新增世界時鐘的按鈕)

  3. 下面放一個 World Clock 的 Label

  4. 在 World Clock 下面放置一個 TableView

  5. 在 TableView 的 Cell 裡面再放置 3 個 Label (分別是～時差、地區名、時間)

明天我們再來介紹如何撰寫裡面的主要功能程式碼喔！


上一篇
[鐵人賽 Day 15] Swift Protocol 傳值
下一篇
[鐵人賽 Day 17] 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邦幫忙