白色的Airpods好膩？那來換顏色吧！客製化Airpods ＃Colorful AirPods?? （ UIsilder 實作 ＆ 亂數)

成品展示

希望未來Airpods可以這樣客制 但應該不可能XD

製作動機

之前在youtube上看到國外大神客製化Airpods 變成Airgolds 感覺客制頗酷

看到這個縮圖我都想到 「 湖中女神： 你掉的是18k的Airpods 還是 白色的Airpods 」 -

小孩子才做選擇 ～我全都要！

希望有天可以客製化自己的Airpods 不然大家都拿白色好膩～

但應該不太可能XD

製作流程

刻字的部分是參考之前學長做的

比較特別的地方就是要把text field 的 Editing Changed event 更改就可以達到

實時刻字顯示 在透過label顯示

Apple Store 的 AirPods Pro 刻字

換色的部分卡很久原本有考慮Peter這篇的漸層達到效果

利用 UIView 的 mask 為圖片文字染上美麗的漸層

後來發現不對喔 ～～～不對這樣整個airpods直接變扁平剩形狀

根本看不出來 ，因為mask是把形狀取出來

後來想到 從透明度去下手

製作出 紅 藍 綠 三款 Airpods 在調整透明度 達成換色

於是上網找有沒有可以替換顏色的網站或是軟體

最後終於找到PicsArt

Online Design & Editing Tools for Everyone | PicsArt

這個網站提供了各種製做圖片的功能，但更強大的地方在於他的App

它的App提供可以替換圖片顏色 如下

執行螢幕錄影

最後出製作的三個 R G B Airpods

RGB

特別版

程式

先將三個顏色透明度設為0

透過Silder 調整透明度 跟 label上面字體的顏色

特別版則是用今天教的變數取0–2 然後傳值給下個頁面再透過取值顯示

判斷值顯示內容

程式碼

g7huway0310/Airpods

後記：

其實很早就做完刻字的功能，但是真的很想要看到airpods可以變色～

雖然不算是真正意義上的調出airpods的顏色

但看到成品還是蠻有成就感的

希望這篇文章能夠幫助到你(妳)

如有錯誤指正

I hope you found this guide helpful. If not, then please let me know either in the comments below, I’m AlberLee

Swift#10