漸層背景的製作和mask功能，基礎功再升級！

目的：

1. 做出漸層的背景。
2. mask遮罩。

做出漸層的背景

然後UIView建立一個確切位置的框框。

根據.colors 的array可設定由哪兩個顏色形成漸層。

gradientLayer.startPoint = CGPoint(x: 0, y: 0.5)gradientLayer.endPoint = CGPoint(x: 1, y: 0.5)

也可以藉由設定startPoint和endPoint去決定漸層方向。

這裡有研究一下bounds和frame的差別：

bounds：相對於自己的父圖片的位置。

frame: 在整張圖中的絕對位置。

最後記得.addsublayer將圖片加在我們事先設定好的框框中才會出現我們所設定的漸層。（若圖片設定完沒跑出來可以注意這一點！！！）

Frame 和 Bounds 的區別
剛好今天面試的時侯有被問到，原本還不太理解它，現在既然理解了就來分享給大家知道囉。首先先針對這兩個名詞來各自來說明一下：franksios.medium.com

https://medium.com/%E5%BD%BC%E5%BE%97%E6%BD%98%E7%9A%84-swift-ios-app-%E9%96%8B%E7%99%BC%E5%95%8F%E9%A1%8C%E8%A7%A3%E7%AD%94%E9%9B%86/%E5%88%A9%E7%94%A8-cagradientlayer-%E8%A3%BD%E4%BD%9C%E6%BC%B8%E5%B1%A4-e86cee69f3a0

mask功能

這裡要注意，因為mask功能只有在UIimageview中有，所以必須將圖片轉換成UIimageview的形式才行。

另外圖片必須在asset中設為3x，因為圖片可能跑掉所以顯示不出在projecy中，接著可以運用.frame去調整圖片的位置讓他顯示出來。

https://medium.com/%E5%BD%BC%E5%BE%97%E6%BD%98%E7%9A%84-swift-ios-app-%E9%96%8B%E7%99%BC%E5%95%8F%E9%A1%8C%E8%A7%A3%E7%AD%94%E9%9B%86/%E5%88%A9%E7%94%A8-uiview-%E7%9A%84-mask-%E8%A8%AD%E8%A8%88%E7%89%B9%E5%88%A5%E5%BD%A2%E7%8B%80%E7%9A%84%E5%9C%96%E7%89%87-4e22cd7c3fbe