[Swift5]オシャレなボタン(角丸・影付きボタン)の作成

本記事では、オシャレでモダンなボタンの作成の仕方を紹介します！
とても簡単に作成できるので、ぜひ試してみてください！

Before

After

ボタンの角が丸くなり、影が付いたことでオシャレになりましたね！
ViewController.swift上で少しのコードを書くだけで簡単に実装可能なので試してみてください！
詳しくは下記のサンプルコードを見てください！

サンプルコード

ViewController.swift

import UIKit

class ViewController: UIViewController {

    @IBOutlet var shadowButton: UIButton!

    override func viewDidLoad() {
        super.viewDidLoad()

        // 1.角丸設定
        // UIButtonの変数名.layer.cornerRadius = 角丸の大きさ
        shadowButton.layer.cornerRadius = 10

        // 2.影の設定
        // 影の濃さ
        shadowButton.layer.shadowOpacity = 0.7
        // 影のぼかしの大きさ
        shadowButton.layer.shadowRadius = 3
        // 影の色
        shadowButton.layer.shadowColor = UIColor.black.cgColor
        // 影の方向（width=右方向、height=下方向）
        shadowButton.layer.shadowOffset = CGSize(width: 5, height: 5)
    }
}