UIButtonに外枠をつける方法です。枠をつけることで、ボタンの見た目がパキッとします。視認性を上げたいときや存在感をもっと出したいときに使えます。
実行環境
Swift:4.1.2
Xcode:10.1
UIButtonに枠をつける方法
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
import UIKit class ViewController: UIViewController { @IBOutlet weak var button: UIButton! override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view, typically from a nib. } override func viewDidLayoutSubviews() { super.viewDidLayoutSubviews() self.button.frame = CGRect(x: (self.view.frame.size.width / 2) - 150, y: (self.view.frame.size.height / 2) - 50, width: 300, height: 100) self.button.backgroundColor = UIColor.red //外枠の色を指定 self.button.layer.borderColor = UIColor.gray.cgColor //外枠の太さを指定 self.button.layer.borderWidth = 10.0 } } |
borderColorには、CGColorが入るようで、UIColor.gray.cgColorというように型を合わせる必要がありました。
なお、CGColorとは、Core Graphicsというフレームワークの中で使われる色のようです。