目的

ViewやButtonを角丸にしたり、枠線を付ける時の設定





環境

  • Xcode11
  • iOS13
  • Swift5




角丸&枠線付きボタンの実装

ボタンはStoryBoardより作りました。

角丸&枠線付きボタンをまずはコードで設定したいと思います。
作成例として以下となります。

角丸&枠線付きボタン
button.layer.cornerRadius = 10 //丸める値
button.layer.borderColor = UIColor.red.cgColor //枠線色
button.layer.borderWidth = 5 //枠線幅

設定数値は適切に。
縦＝横かつ、cornerRadius=横/2とすると、円になります。





特定の部分のみ角丸にする場合

titleView.layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMinYCorner]

などのように、丸くしたい部分を指定する。

storyboardでは、cgColorが設定できないので、枠色の設定は出来なさそう。extensionとか作る必要あり。
maskedCornersもできなさそう。
他の2つの設定はできる。

設定は以上です。