Swift-浩克的褲子

作業目的: 熟練 outlet,action,UISlider, UIColor

--

前言:

上一篇遍文章數的文章提到,近期開始重新複習Peter的投影片,也挑了幾個之前未著手的作業來練習,沒想到沒藝術天份就花了很久搞了一下介面的設計,雖然其實也沒有到很優,但我盡力了!

依據Peter文章中的功能分配,預計實現的功能如下:

基本題:

  1. 找一張部分去背的圖片
  2. 漸層顏色
  3. 搭配亂數

進階題:

  1. 在 slider 旁用 label 顯示 slider 目前的數值
  2. 調整透明度
  3. 加入 switch 開關,控制是否可以滑動 slider

由於程式碼太過多,就不將部分程式碼顯示在文章中,重複使用的方法都使用呼叫function的方式,以減少重複的程式碼(不過應該還可以再精簡),此外,最近在瞭解將程式碼改成MVC的架構,但這次的作業還是沒有成功。

製作步驟大致如下

Step1. 所需介面

相關元件都有使用Auto Layout設定,但沒有考慮Orientation,畫面如下:

Step2. 拉相關的IBOutlets & IBActions

Step3. 建立基本調色功能

Step4. 建立Switch開關控制調色功能

Step5. 建立亂數產生顏色功能

Step6. 建立漸層功能

這部分功能使用Switch的方式呈現,顏色是搭配亂數產生,故每次打開都會不同。

Step7. 建立重新整理回歸初始狀態的功能

成品:

心得:

做作業時在漸層部分有點鬼打牆,一直無法成功,沒想到重開機後就沒問題,結果白花了一堆時間在測試它,傻眼!

--

--