本記事では、オシャレでモダンなボタンの作成の仕方を紹介します!
とても簡単に作成できるので、ぜひ試してみてください!
Before
After
ボタンの角が丸くなり、影が付いたことでオシャレになりましたね!ViewController.swift
上で少しのコードを書くだけで簡単に実装可能なので試してみてください!
詳しくは下記のサンプルコードを見てください!
サンプルコード
ViewController.swift
importUIKitclassViewController:UIViewController{@IBOutletvarshadowButton:UIButton!overridefuncviewDidLoad(){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)}}