Assignment#5: 從Playground調色去背圖片

這篇文章用來記錄如何在playground中以程式碼更改圖片的顏色。

步驟說明

1. 準備一張去背的圖片。
2. 匯入playground的resources
3. 先以中文思考程式執行的步驟
4. 轉譯成程式碼

步驟解說

1. 準備好一張去背的圖片

這個練習我使用的圖片是一張運動防護員 (Athletic Trainer) 的人物icon，目標是利用程式碼更換衣服的顏色。

原始圖片

首先，在mac內建的Picture Preview中點選Markup Toolbar>Instant Alpha，在目標的去背範圍拖曳滑鼠，將去背的區塊圈選下來後，在工具列中選擇cut，去除原來圖片的顏色，並且確認儲存為png檔。

去除衣服的顏色

2. 匯入playground的resources

直接把圖片拖曳到playground左側的resources，並把檔名命名為AT uniform。

3. 先以中文思考程式執行的步驟

//匯入UIKit的函式庫
//宣告一個常數atImage，定義他的型別為UIImage，名稱填入之前丟到resources的圖片名稱AT uniform
//宣告一個常數atImageView，傳入UIImage的圖片資訊（我們看到的圖片）
//給指令，設定atImageView的背景顏色（更換衣服的顏色）

4. 轉譯成程式碼

import UIKit

let atImage = UIImage(named: “AT uniform”)
let atImageView = UIImageView(image: atImage)
atImageView.backgroundColor = UIColor (red: 127/255, green: 0/255, blue: 2/255, alpha: 1)

成果

換衣服囉