Quantcast
Channel: 初心者タグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 21109

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

$
0
0

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

Before

スクリーンショット 2020-06-11 17.54.12.png

After

スクリーンショット 2020-06-11 17.53.34.png

ボタンの角が丸くなり、影が付いたことでオシャレになりましたね!
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)}}

Viewing all articles
Browse latest Browse all 21109

Trending Articles