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

更新於 發佈於 閱讀時間約 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:需不需要重複。
avatar-img
1會員
37內容數
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
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
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
長門市位於山口縣本州島的最西北端,北邊是被指定為北長門海岸國定公園的日本海美景,日本海沿岸漁場豐富,自古以來捕鯨和捕魚活動活躍,周圍散佈著許多漁港。在被指定為北長門海岸國定公園的海岸線上,有被日本海的洶湧海浪侵蝕的岩石和白色的沙灘,形成了壯麗而多樣的自然景觀,其中,海上阿爾卑斯山的“青海島”,奇岩怪
股市中的角色有著不同的利益鏈條,瞭解這些利益鏈條有助於制定明智的投資策略。政府和券商等角色穩定且穩贏,而散戶則容易受到市場波動和其他角色操作的影響。選擇優質公司並長期持有股票是穩定盈利的關鍵。以臺積電為例,不同角色在該股票中的利益鏈條有所不同。
Thumbnail
若一人一生只買一棟房,你應該尋找真愛而非博愛~房地產書籍只能建立概念,偏偏魔鬼都在細節裡 這是「房地產投資教學」專題,而不是「房地產購買指南」,你要學會到合適的地段,以合理的價格,購買優質的物件,享受其上漲的潛力,但幾十年來,台灣地產界只引進商業行銷術語,沒有整套完整房地產觀念,就是「順口溜」一堆
Thumbnail
北美洲三大經濟體分別是美國、墨西哥與加拿大。加拿大憑藉廣大的天然資源和強勁的科技、製造業,成為投資者青睞的黃金寶地。生技醫療已成為新的投資熱點,各大企業紛紛進入加拿大市場,包括長聖生技及保瑞藥業等公司。輝景醫藥更是早早在納斯達克掛牌上市,專注於癌症治療、檢測及產品銷售,展現了加拿大生醫市場的潛力。
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
長門市位於山口縣本州島的最西北端,北邊是被指定為北長門海岸國定公園的日本海美景,日本海沿岸漁場豐富,自古以來捕鯨和捕魚活動活躍,周圍散佈著許多漁港。在被指定為北長門海岸國定公園的海岸線上,有被日本海的洶湧海浪侵蝕的岩石和白色的沙灘,形成了壯麗而多樣的自然景觀,其中,海上阿爾卑斯山的“青海島”,奇岩怪
股市中的角色有著不同的利益鏈條,瞭解這些利益鏈條有助於制定明智的投資策略。政府和券商等角色穩定且穩贏,而散戶則容易受到市場波動和其他角色操作的影響。選擇優質公司並長期持有股票是穩定盈利的關鍵。以臺積電為例,不同角色在該股票中的利益鏈條有所不同。
Thumbnail
若一人一生只買一棟房,你應該尋找真愛而非博愛~房地產書籍只能建立概念,偏偏魔鬼都在細節裡 這是「房地產投資教學」專題,而不是「房地產購買指南」,你要學會到合適的地段,以合理的價格,購買優質的物件,享受其上漲的潛力,但幾十年來,台灣地產界只引進商業行銷術語,沒有整套完整房地產觀念,就是「順口溜」一堆
Thumbnail
北美洲三大經濟體分別是美國、墨西哥與加拿大。加拿大憑藉廣大的天然資源和強勁的科技、製造業,成為投資者青睞的黃金寶地。生技醫療已成為新的投資熱點,各大企業紛紛進入加拿大市場,包括長聖生技及保瑞藥業等公司。輝景醫藥更是早早在納斯達克掛牌上市,專注於癌症治療、檢測及產品銷售,展現了加拿大生醫市場的潛力。