iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 20
1
Mobile Development

iOS App初心者的30天試鍊系列 第 20

Day20:如何使用Date和Timer來製作帥哥/美女報時器

  • 分享至 

  • xImage
  •  

在昨天講完Day19:IBoutlet collection , 今天來使用Date及Timer製作一款偶像劇報時器

, 讓你上班保持好心情 , 工作效率有效率

最近剛好韓劇---德魯納酒店還滿夯的 , 我們就下載男女主角的劇照來製作報時器

https://ithelp.ithome.com.tw/upload/images/20190927/20112182WBm4t3SPGj.jpg

功能說明 : 搭配正妹/帥哥或其它圖片,在畫面上顯示時間。

基本功能:

1.點選按鈕顯示時間。

2.每秒更新時間。

3.定時更換圖片,比方每分鐘換圖。

時間轉字串的程式參考

let now = Date()let formatter = DateFormatter()formatter.dateFormat = "HH:mm\nyyyy/MMM/dd E"let time = formatter.string(from: now)

Timer使用方式參考

Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { (_) in   print("每秒印一次")}

實做步驟 :

1.接下來我們就來做一款偶像劇報時器App ,打開Xcode , 建立新的專案

2.在MainStoryBoard按+新增一個Label , 二個UIImageView ......

https://ithelp.ithome.com.tw/upload/images/20190928/20112182TOt7S6CLTd.png

3.從Editor模式切換到Assistant模式,並點選Label及UIImageView拖拉IBOutlet

https://ithelp.ithome.com.tw/upload/images/20190928/20112182btn7DGi1tO.png

4.撰寫程式邏輯

https://ithelp.ithome.com.tw/upload/images/20190928/20112182GrxN0O0tpH.png

5.按Play,執行iPhone 11 Pro Max模擬器,檢視App執行結果

https://ithelp.ithome.com.tw/upload/images/20190928/20112182fk78CizemJ.png

Yes


上一篇
Day19:來談談MainStoryBoard上多個元件使用IBoutlet collection
下一篇
Day21:如何在沒有MacOS時設計MainStoryBoard的畫面
系列文
iOS App初心者的30天試鍊31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言