調色大師 — 製作專屬於你的勵志小語小卡!

林怡萱
海大 SwiftUI iOS / Flutter App 程式設計
3 min readApr 25, 2019

(1) App 操作的動畫影片 gif

(2) GitHub 連結。

(3)特製的 App 畫面截圖。

初始畫面
漸層呈現

(4)文字說明 ,比方遇到的特別問題和解決的方法

一開始我是由單色背景開始做,原本是用backgroundView.backgroundColor的改法來做,單色做完後做漸層時就卡住了,因為漸層的做法不同,所以就調了很久,最後才想出單色的解決方法,就是漸層設定兩種顏色,兩種顏色為同一顏色,就可以為單色了!於是就沒使用backgroundView.backgroundColor的做法了~

(5)重點程式碼講解

製作漸層背景的開頭
改變背景顏色的code,大部分code相似,因此用function比較簡潔有力
隨機設定背景顏色,可以為單色背景或漸層背景
各式各樣的function~

(6)心得

我覺得可以這樣隨意設定背景顏色很好玩~~看到背景漂漂亮亮的心情就很好!!而且這次相似code很多,一開始用最原始的方法,沒使用function,最後才用function把相似code整理起來,整理完後code整個乾淨很多,心情也好好唷~~XD

--

--