4 外観の変更

最後にCALayerのプロパティをいじって、Switchの見た目を変えてみましょう。

4.1 CALayerの外観の変更

self.layer側のborderWidthプロパティや、角の丸め量を指定するcornerRadiusプロパティ（0で角の丸め量がなくなります）を触ってみます。thumb側のcornerRadiusプロパティも同様に変更してみましょう。

Runすると、スイッチは次のように表示され、アニメーション付きで動きます。

↓ CALayerの装飾を施したスイッチ

↓ Switch.swift　サンプル：12/Switch-05

    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