摘要
實現控件圓角的代碼時，會不假思索的寫
cornerRadius和masksToBounds，因爲搜索得到的設置圓角的代碼就是這樣。今天突發奇想，爲什麼要寫masksToBounds？
打個比方，設置一個按鈕的圓角是 5，我會立馬寫這兩行代碼：
btn.layer.cornerRadius = 5
btn.layer.masksToBounds = true
呈現的效果上，是沒有任何問題的。但是爲什麼要設置 masksToBounds 爲 true 呢？能不寫嗎？
帶着問題，來看一下 masksToBounds 是做什麼用的。
masksToBounds
看官方解釋說 masksToBounds 指示一個可以設置的標識，指定在當前 layer 層的 bounds 區域中的所有子 layer 層是否是被裁剪的。我的理解就是，若設置爲 true 那麼在這個 layer 層中的子 layer 層超出 bounds 部分就會被裁剪掉。
問題來了，它是怎麼實現裁剪的？繼續看蘋果官網的解釋，巴拉巴拉...看我的理解是這樣的：
先上大白話總結，就是如果這個屬性設置爲 true，那麼它就會生成一個 mask 蒙板，在 bounds 區域內的值爲 1，超出的部分就是 0。之後呢，就是把mask 蒙板給蓋在 layer 上，混合渲染，是 1 的部分就顯示原來的，是 0 的部分就空白，這就實現了裁剪效果，因爲 mask 包含了設置的圓角，所以在處理的時候，也會把圓角給考慮進去。
接下來看一下 cornerRadius 是做什麼用的。
cornerRadius
官方解釋說設置 layer 的 background 四個角處理爲圓角的半徑。
接下來它也說明 cornerRadius 限制，就是僅僅作用到 background(背景) 和邊框，layer 中的 contents 不受影響，比如放在它上面的 image。
如果想讓 cornerRadius 的效果也作用到 contents 上時，就需要設置 masksToBounds 爲 true。
總結
在顯示圖片的時候，我也確實要設置 masksToBounds 爲 true。但是現在看下來，如果要用 masksToBounds 就要明確想要有圓角的 content是屬於 layer 的 contents嗎？ 這個 content 超出了設置圓角後的 bounds嗎？
如果兩個問題的答案都是 true。那必須就要設置 masksToBounds 爲 true。
那麼那些算是屬於 layer 的 contents ？等我驗證之後給你詳細說
題外話
時間倉促，說的東西可能不全面，在你查看的過程中遇到什麼問題，評論區給我留言，我會盡快回復