作業7–1 利用 viewDidLoad 客製 App 畫面之mask圖片遮罩練習

二話不說先Po師傅連結

利用 mask 設計特別形狀的圖片

1.從網路上找了兩張圖來練習，製作遮罩效果
2.一張是jpg，另一張剪影把白色去背變成png檔
3.將圖片加入Playground

接著按照師傅的指令，先帶一個UIimage指定圖片
再生一個UIimageView框架把它帶入
最後再使用mask的功能合併處理兩張照片

因為兩張圖片大小不同，意外的剛好呈現是我想要的效果
如果要將比較小的png圖片寬度放大符合jpg尺寸
則可運用CGRect來設定圖片尺寸
雖然不是我要的效果，但還是可以記錄一下

ps: 當圖片的附檔名是 png，比方 head.png 時，UIImage(named: "head")傳入的參數可省略附檔名。但若是其它附檔名，比方 star.jpg，則要輸入完整檔名才能找到。

另外Mask的功能除了用png的去背圖之外
還可以使用包括『文字』及『符號』等來作為遮罩的工具
試著用文字來練習的話得到以下結果

若要在底層的jpg上再多加一層色塊的話，可以使用addsubview的功能
1.新增一個greenview的常數再帶入底層jpg的框架
2.用backgroundcolor來帶入顏色及透明度
3.使用addsubview疊加在底層jpg之上

效果還蠻不錯的，遮罩下除了圖片之外，還可遮罩影片
可參考師傅的連結

https://medium.com/@apppeterpan/%E5%88%A9%E7%94%A8-mask-%E8%A8%AD%E8%A8%88%E7%89%B9%E5%88%A5%E5%BD%A2%E7%8B%80%E7%9A%84%E5%BD%B1%E7%89%87-9315804452b4