調色大師-我家的貓貓最可愛!tintColor, slider, random, button

拖了好久才把調色大師作業完成,因為每次上課都有新東西,剛好講到auto layout跟 stack view,跟程式面影響不大,但就想順便練習,結果為此大概重排了4.5次版面...最後決定先將調色功能完成,後續再製作其他部分:

1.每個Slider設定Outlet

2. 將每個UIImage設定Outlet,因為會用改變tintColor、重疊並利用控制透明度的方式來切換花色,將所有基本圖片都輸出為白色,並重疊放在一個view中:

*特別注意:要用tintColor改變顏色的圖片,需改變Render As/Template Image選項。
*特別注意:shadow ImageView 並沒有改色,但疊在最上層,並在作圖時就拉低陰影透明度,這樣不管底色換成什麼顏色,陰影會與下方顏色疊加,看起比較不突兀。

3.將需要tintColor的imageView,分部位設為function,並將alpha設為Int

4.設定花色切換按鈕並在其中改變各部位的alpha值,並再次執行patternColorChange() ,這樣才會同步執行更動。

5. 隨機各部位Slider數值,並再次執行func

6. 完成啦!!!

Github

--

--