調色大師 — 整個馬路都是我的舞台

在沒有人的馬路上盡情跳舞~~

1.改變下方顯示的區塊

透過segmentedControl用if else 來判斷選擇的是第幾個項目,再利用isHidden屬性來隱藏或顯示在同樣地方不同的區塊

2.改變天空的顏色+底圖利用透明度的變化控制顯示的效果

取得slider的數值去改變RGB的顏色值

3.觸發button執行紅綠燈更換顏色的方法 + 亂數更換顏色

4.利用CAGradientLayer 添加漸層效果

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

添加GIF圖檔的方法:

這邊是利用imageView來多張圖片顯示連續播放的動畫

  1. 將GIF檔拆分為多個圖片放置Assets.xcassets,可以利用下方網站將.gif轉為多個.png檔

https://convertio.co/gif-png/

2.在StoryBoard上拉一個ImageView,準備放圖片

3.實現imageView連續播放圖檔效果(指定動畫效果為3秒)

完整成果:

GitHub:

參考資料:

--

--