iOSでボタンの角を丸くする方法は？

ボタンが丸みを帯びたUIを受け取ったシナリオに出くわすかもしれませんが、それをどのように行うのか疑問に思うかもしれません。そこで、ここではボタンの角を丸くする方法を見ていきます。

ボタンを丸くする方法の両方を見ていきます。1つはストーリーボードを使用し、もう1つはプログラムで実行します。

始めましょう！まず、ストーリーボードを使用してボタンの角を丸くします。

ステップ1 −Xcodeを開く→新しいプロジェクト→シングルビューアプリケーション→「RoundedButton」という名前を付けましょう

ステップ2 − Main.storyboardを開き、以下に示すようにボタンを追加します

ステップ3 −次に、ボタンを選択して[ユーティリティ]領域をタップし、ユーザー定義のランタイム属性を以下の値に更新します。

これで、この値を変更できます。つまり、要件に基づいて増減できます。

2番目の方法では、プログラムでコーナーを丸めます。

Main.storyboardから、ViewController.swiftの@IBOutletを取得し、「doButtonRounded」という名前を付けて、同じプロパティlayer.cornerRadiusを更新します。

完全なリファレンスとして、以下のコードを使用してください。

import UIKit
class ViewController: UIViewController {
   @IBOutlet var doButtonRounded: UIButton!
   override func viewDidLoad() {
      super.viewDidLoad()
      doButtonRounded.layer.cornerRadius = 20
   }
}