Swift-浩克的褲子
作業目的: 熟練 outlet,action,UISlider, UIColor
Published in
3 min readNov 2, 2019
前言:
上一篇遍文章數的文章提到,近期開始重新複習Peter的投影片,也挑了幾個之前未著手的作業來練習,沒想到沒藝術天份就花了很久搞了一下介面的設計,雖然其實也沒有到很優,但我盡力了!
依據Peter文章中的功能分配,預計實現的功能如下:
基本題:
- 找一張部分去背的圖片
- 漸層顏色
- 搭配亂數
進階題:
- 在 slider 旁用 label 顯示 slider 目前的數值
- 調整透明度
- 加入 switch 開關,控制是否可以滑動 slider
由於程式碼太過多,就不將部分程式碼顯示在文章中,重複使用的方法都使用呼叫function的方式,以減少重複的程式碼(不過應該還可以再精簡),此外,最近在瞭解將程式碼改成MVC的架構,但這次的作業還是沒有成功。
製作步驟大致如下
Step1. 所需介面
相關元件都有使用Auto Layout設定,但沒有考慮Orientation,畫面如下:
Step2. 拉相關的IBOutlets & IBActions
Step3. 建立基本調色功能
Step4. 建立Switch開關控制調色功能
Step5. 建立亂數產生顏色功能
Step6. 建立漸層功能
這部分功能使用Switch的方式呈現,顏色是搭配亂數產生,故每次打開都會不同。
Step7. 建立重新整理回歸初始狀態的功能
成品:
心得:
做作業時在漸層部分有點鬼打牆,一直無法成功,沒想到重開機後就沒問題,結果白花了一堆時間在測試它,傻眼!