各種相互連動的時光機!!

閱讀時間約 2 分鐘

目的:

1 使用 date picker & slider 做時間的魔法師,顯示自己十年的變化成長。

2 date picker 設定最小 & 最大時間,讓時間的範圍為 2009 ~ 2019。

3 滑動 slider 時,slider 會停在整數的位置,比方滑到 2010.6 時會四捨五入到 2011。

4 slider & picker 要連動,比方 slider 滑到 2018,picker 也要顯示 2018。

5 一年一張照片。如果照片很多的,也可以用月和日為單位,比方一年 365 天,天天換照片。

6 時間自動快轉的照片輪播功能。

raw-image

這次所做的project相比之前更為完整但也更複雜許多。

raw-image

第一個要注意的點是當我們從Storyboard的介面中的slider和datepicker各拉一個IBAction過來時,我們的sender要設定為當使用者觸控的動作會造成的影響,這裡可以參考使用Storyboard各個元件屬性欄位的內容設定。

第二個也是我覺得目前來說最複雜的部分,為datepicker的內容與其延伸相關內容。

首先是要先定義一個實例:

var dateComponents = DateComponents()

此實例以我的了解是可以建立一個具有所有時間相關單位的實例,如年、月、日、時、分、秒等等…。

dateComponents.calendar = Calendar.current

上面的設定calendar則是讓使用者能夠進行比較或計算的功能,而current讓使用者設定初始值的概念。

因此我們也能在第二部分:

dateComponents = Calendar.current.dateComponents(in: TimeZone.current, from: datepicker.date)

利用datepicker.date額外設定日期為使用者選訂的時間以及保持目前的時區設定去進行更新。

這次下來最耗費我時間的主要是:

raw-image

因為在設定自動播放中每張照片的等待時間的function讓我一直不太能了解,後來整理好後如下:

timer = Timer.scheduledTimer(timeInterval: 1, target: self, selector: #selector(runimage), userInfo: nil, repeats: true)

  1. timeInterval: 等待時間。
  2. target:所要等待的目標,通常設定為self。
  3. (最重要)selector:要執行的目標函數,也就是我們要讓哪個功能重複等待執行。
  4. userInfo:使用者資料,設為nil。
  5. repeats:需不需要重複。
    1會員
    37內容數
    留言0
    查看全部
    發表第一個留言支持創作者!
    dab戴伯的沙龍 的其他內容
    在還不會的時候,我還想說要為APP放上一個封面 Icon是不是很麻煩,多虧潘帥的說明,簡單五分鐘就能帥一個APP了。 到網站上將想設定成封面的圖片上傳並轉檔下載。 App Icon Generator Generate icons and images for mobile apps, andr
    目的:研究各種UI元件 segmented control: 可設定選項讓使用者做選擇,其中幾項可以注意: Segments: 可設定要幾種選擇欄位。 Segment:可選擇哪一個欄位的內容要做更動,包括標題,圖片等等。 Title: 可輸入更改欄位的文字內容。 Image:可設定欄位的圖
    這次模仿製作IOS的APP設計,第一次使用sketch和zeplin兩個軟體模仿,這真的是像我這種沒有設計感的人的救星啊!!!,你可以從sketch去分析你要的圖片或者色塊,甚至設計你的UI版面。 這次是將sketch檔案中需要的圖片及文字分別進行make exportable,以此可以讓sket
    作業目的: 不寫程式,從 storyboard 運用 tab bar controller,navigation controller,table view controller & static cell 實作電子書 App。 使用功能 搭配 tab bar controller & navi
    在還不會的時候,我還想說要為APP放上一個封面 Icon是不是很麻煩,多虧潘帥的說明,簡單五分鐘就能帥一個APP了。 到網站上將想設定成封面的圖片上傳並轉檔下載。 App Icon Generator Generate icons and images for mobile apps, andr
    目的:研究各種UI元件 segmented control: 可設定選項讓使用者做選擇,其中幾項可以注意: Segments: 可設定要幾種選擇欄位。 Segment:可選擇哪一個欄位的內容要做更動,包括標題,圖片等等。 Title: 可輸入更改欄位的文字內容。 Image:可設定欄位的圖
    這次模仿製作IOS的APP設計,第一次使用sketch和zeplin兩個軟體模仿,這真的是像我這種沒有設計感的人的救星啊!!!,你可以從sketch去分析你要的圖片或者色塊,甚至設計你的UI版面。 這次是將sketch檔案中需要的圖片及文字分別進行make exportable,以此可以讓sket
    作業目的: 不寫程式,從 storyboard 運用 tab bar controller,navigation controller,table view controller & static cell 實作電子書 App。 使用功能 搭配 tab bar controller & navi
    你可能也想看
    Google News 追蹤
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    若一人一生只買一棟房,你應該尋找真愛而非博愛~房地產書籍只能建立概念,偏偏魔鬼都在細節裡 這是「房地產投資教學」專題,而不是「房地產購買指南」,你要學會到合適的地段,以合理的價格,購買優質的物件,享受其上漲的潛力,但幾十年來,台灣地產界只引進商業行銷術語,沒有整套完整房地產觀念,就是「順口溜」一堆
    Thumbnail
    北美洲三大經濟體分別是美國、墨西哥與加拿大。加拿大憑藉廣大的天然資源和強勁的科技、製造業,成為投資者青睞的黃金寶地。生技醫療已成為新的投資熱點,各大企業紛紛進入加拿大市場,包括長聖生技及保瑞藥業等公司。輝景醫藥更是早早在納斯達克掛牌上市,專注於癌症治療、檢測及產品銷售,展現了加拿大生醫市場的潛力。
    Thumbnail
    【記者許家源/桃園報導】 桃園市龍潭區的九座寮是一個具有客家文化特色的地景,但因為年久失修而面臨消失的危機。民眾黨平鎮龍潭立委賴香伶在今年八月份接受地方人士的陳情後,立即向客家委員會提出整修計畫,並於昨日(11/06)成功爭取到明(113)年度的經費預算,讓這個重要的文化遺產得以保存和傳承。 九
    Thumbnail
    (前期提要,今天都是很難的溝通課題,要跟自己認知全然不同的世界的人協作,我該怎麼辦才好?) 儘管去感受那份浩瀚吧! 在無象無邊的空間感裡,會感受到自己萬物融合唯一的驚奇與美麗,也許,在合一的那一瞬間,你會感受到手足無措、挫折,但隨著自我意識的牆拆卸下來,你會更加明白,每一個靈魂的美麗與孤寂,黑暗
    Thumbnail
    除了吸引力法則外,我也將「相由心生」封為圭臬。常聽到:「20歲後,長相會幫你說話。人美心也美,無關你爸媽美不美。」
    Thumbnail
    我一直在想,我為什麼會車禍然後殘疾的活著? 後來年底的最近參與個案研究,才發現現階段心理諮商很少對身心障礙者的領域做個別研究及諮商設計,多半是針對大眾因為工作、情感產生的心理疾病做治療。 我身處的身障族群,因為小眾被省略;也因為沒有經歷過失去的人,沒辦法感同身受我們後天被剝奪的痛,很難真的對陌生人
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    若一人一生只買一棟房,你應該尋找真愛而非博愛~房地產書籍只能建立概念,偏偏魔鬼都在細節裡 這是「房地產投資教學」專題,而不是「房地產購買指南」,你要學會到合適的地段,以合理的價格,購買優質的物件,享受其上漲的潛力,但幾十年來,台灣地產界只引進商業行銷術語,沒有整套完整房地產觀念,就是「順口溜」一堆
    Thumbnail
    北美洲三大經濟體分別是美國、墨西哥與加拿大。加拿大憑藉廣大的天然資源和強勁的科技、製造業,成為投資者青睞的黃金寶地。生技醫療已成為新的投資熱點,各大企業紛紛進入加拿大市場,包括長聖生技及保瑞藥業等公司。輝景醫藥更是早早在納斯達克掛牌上市,專注於癌症治療、檢測及產品銷售,展現了加拿大生醫市場的潛力。
    Thumbnail
    【記者許家源/桃園報導】 桃園市龍潭區的九座寮是一個具有客家文化特色的地景,但因為年久失修而面臨消失的危機。民眾黨平鎮龍潭立委賴香伶在今年八月份接受地方人士的陳情後,立即向客家委員會提出整修計畫,並於昨日(11/06)成功爭取到明(113)年度的經費預算,讓這個重要的文化遺產得以保存和傳承。 九
    Thumbnail
    (前期提要,今天都是很難的溝通課題,要跟自己認知全然不同的世界的人協作,我該怎麼辦才好?) 儘管去感受那份浩瀚吧! 在無象無邊的空間感裡,會感受到自己萬物融合唯一的驚奇與美麗,也許,在合一的那一瞬間,你會感受到手足無措、挫折,但隨著自我意識的牆拆卸下來,你會更加明白,每一個靈魂的美麗與孤寂,黑暗
    Thumbnail
    除了吸引力法則外,我也將「相由心生」封為圭臬。常聽到:「20歲後,長相會幫你說話。人美心也美,無關你爸媽美不美。」
    Thumbnail
    我一直在想,我為什麼會車禍然後殘疾的活著? 後來年底的最近參與個案研究,才發現現階段心理諮商很少對身心障礙者的領域做個別研究及諮商設計,多半是針對大眾因為工作、情感產生的心理疾病做治療。 我身處的身障族群,因為小眾被省略;也因為沒有經歷過失去的人,沒辦法感同身受我們後天被剝奪的痛,很難真的對陌生人