10
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【Swift】UIViewの一部だけを角丸にする方法

Last updated at Posted at 2020-09-03

はじめに

Viewやimageの一部だけを角丸にりする方法を説明します。
iOS11未満だと実装方法が違うので注意

実装方法

例えばViewの右側だけ角丸にする

ViewController.swift
override func viewDidLoad() {
    super.viewDidLoad()
    sampleView.layer.cornerRadius = 8
    sampleView.layer.maskedCorners = [.layerMaxXMaxYCorner, .layerMaxXMinYCorner]
}

kadomaru.png
maskedCornersでどの場所を角丸にするか指定しています。

Viewの上だけを角丸にする

ViewController.swift
override func viewDidLoad() {
    super.viewDidLoad()
    sampleView.layer.cornerRadius = 8
    sampleView.layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMinYCorner]
}

topkadomaru2.png

Viewの下だけを角丸にする

ViewController.swift
override func viewDidLoad() {
    super.viewDidLoad()
    sampleView.layer.cornerRadius = 8
    sampleView.layer.maskedCorners = [.layerMinXMaxYCorner, .layerMaxXMaxYCorner]
}

sitakadomaru.png

角丸になる場所 指定方法
左上 layerMinXMinYCorner
左下 layerMinXMaxYCorner
右上 layerMaxXMinYCorner
右下 layerMaxXMaxYCorner

指定する場所を変えることで好きな場所を角丸にすることができます。

全て角丸にする方法

一応こちらもかいておきます。

ViewController.swift
override func viewDidLoad() {
    super.viewDidLoad()     
    sampleView.layer.cornerRadius = 8
}

参考になったと思ったらLGTMくれると嬉しいです!

10
7
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
10
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?