#69 練習使用Slider及Date Picker來變換照片

參考文章:

利用女兒睡著的時間來寫一下文章,大概只有在睡著的時候是天使,這幾天真的太忙,搬家顧小孩,一刻都不得閒,好想寫作業呀(?)。

這次用女兒的照片來練習這個作業,實現調整月份會切換不同照片的功能。

大致步驟如下:

  1. 首先將照片準備好,放到Assets.xcassets。
  2. 開啟main.storyboard,將Slider、Date Picker及Image View放到畫面中;我是另外還有放Label來顯示幾年幾月。
  3. 接著把元件用IBOutlet或者IBAction連接到程式碼中,IBoutlet是要顯示,IBaction的{}內是觸碰時會運作的程式,然後開始來寫一點程式碼。
  4. 我需要在調整Slider跟Date Picker時會切換照片,所以我必須要在這兩個的IBAction括號內寫一些內容:
讓imageView顯示的內容讀取Date Components中的month,這樣在調整時就會變換照片。
讓imageView顯示的內容讀取Slider的value,這樣在調整時就會變換照片。

我覺得重點就是要學會怎麼取得Date Picker的年、月或日,以及Slider中的值,這樣在設定圖片顯示的內容時,就可以設定圖片的名稱為所取得的值,進而去變換顯示的內容。

可以閱讀前面的參考文章喔,彼得潘跟學姊的解說非常清楚。

--

--