[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)
    }
}

좋은 웹페이지 즐겨찾기