4 外観の変更
最後にCALayerのプロパティをいじって、Switchの見た目を変えてみましょう。
4.1 CALayerの外観の変更
self.layer側のborderWidthプロパティや、角の丸め量を指定するcornerRadiusプロパティ(0で角の丸め量がなくなります)を触ってみます。thumb側のcornerRadiusプロパティも同様に変更してみましょう。
Runすると、スイッチは次のように表示され、アニメーション付きで動きます。
override init(frame: CGRect) {
・・・
self.thumb.frame = CGRect(x: 0, y: 0, width: 44, height: self.bounds.size.height)
self.thumb.cornerRadius = thumb.frame.size.height / 2 ← コーナーに丸みを付ける
・・・
self.backgroundColor = UIColor.lightGrayColor()
↓コーナーに丸みを付けて外枠を描かせる
self.la
この記事は会員限定です。会員登録をすると続きをお読みいただけます。
ログイン / 新規登録