こんにちは、Ikoba(<a href="http://twitter.com/ikoba0911">@ikoba0911</a>)です。
今回はSwiftを使用して、UIViewの四隅の指定の位置を丸くさせたい場合のExtensionについて書いていきたいと思います。
<h2 id="目次">目次</h2>
<ul>
<li><a href="#overview">Overview</a></li>
<li><a href="#usage">Usage</a></li>
<li><a href="#description">Description</a></li>
</ul>
<h2 id="overview">Overview</h2>
最初に今回必要なExtensionは以下になります。
注意点として、iOS11以上でないと使用できません。
<div class="remark-highlight"><pre class="language-swift"><code class="language-swift">extension UIView {
 
 enum MakeCornersType {
 case upperLeft
 case upperRight
 case lowerLeft
 case lowerRight
 
 func getMaskedCorner() -> CACornerMask {
 switch self {
 case .upperLeft:
 return .layerMinXMinYCorner
 case .upperRight:
 return .layerMinXMaxYCorner
 case .lowerLeft:
 return .layerMaxXMinYCorner
 case .lowerRight:
 return .layerMaxXMaxYCorner
 }
 }
 }
 
 @available(iOS 11, *)
 func makeCorners(cornerRadius: CGFloat, targetCorners: [MakeCornersType]) {
 var cornerMasks: CACornerMask = []
 targetCorners.forEach { cornerMasks.insert($0.getMaskedCorner()) }
 self.layer.maskedCorners = cornerMasks
 self.layer.cornerRadius = cornerRadius
 }
}


</code></pre></div>
<h2 id="usage">Usage</h2>
<div class="remark-highlight"><pre class="language-swift"><code class="language-swift">targetView.makeCorners(cornerRadius: 10, targetCorners: [.upperLeft, .lowerRight])

</code></pre></div>
<h2 id="description">Description</h2>
CACornerMask(<a href="https://developer.apple.com/documentation/quartzcore/cacornermask">Apple Developer Documentation</a>)の各プロパティを使用して、指定の四隅に角丸の処理を行うことができます。
enumのMakeCornersTypeを使用して、getMaskedCorner()を通すことでデフォルトのプロパティ(ex. layerMinXMinYCornerなど)よりわかりやすくしています。
UIViewのExtensionとして実装することで、対象のViewからmakeCorners(cornerRadius: CGFloat, targetCorners: [MakeCornersType])を呼ぶことでcornerRadius(角丸の度合い)とtargetCorners(対象の部分)を渡してあげることで指定した四隅を角丸にできます。

Swiftでの角丸を好きな位置にかける方法を解説しています

【Swift】CornerRadiusをViewの好きな位置にかける