LoginSignup
3
4

More than 5 years have passed since last update.

UIViewの任意の角を丸くする

Last updated at Posted at 2017-07-07

UIViewの4つの角のうち、1つだけ丸めたいことってありませんか?
私はあります。
そんなときは以下のようにUIViewを拡張しましょう。

extension UIView {
    func round(corners: UIRectCorner = [], cornerRadii: CGSize = CGSize(width: 3.0, height: 3.0)) {
        let maskPath = UIBezierPath(
            roundedRect: bounds,
            byRoundingCorners: corners,
            cornerRadii: cornerRadii
        )
        let maskLayer = CAShapeLayer()
        maskLayer.frame = bounds
        maskLayer.path = maskPath.cgPath
        layer.mask = maskLayer
    }
}

例えば、左上を丸めたい場合はこのように使用します。

topLeftRoundedView.round(corners: [.topLeft], cornerRadii: CGSize(width: 4, height: 4))

地味に便利です。

3
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4