Swift纯Code之旅 Day26. 「客制化Switch按钮」

前言

我们可以到Switch开启时背景色会是绿色，关掉时却是黑色，这样其实跟原本IPhone内建的也不一样，
这样眼睛看上去也不直观，因此来帮他加个背景色吧！

实作

不就加个背景色而已吗？看我一行程序码搞定他

override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        self.backgroundColor = .clear
        // 设定accessoryView 为 UISwitch
        self.accessoryView = UISwitch(frame: .zero)
        // 设定accessoryView 背景色为 灰色
        self.accessoryView?.backgroundColor = .gray
        setViews()
        setLayouts()
    }

执行看看吧！

居然是整个正方形的背景色都变成灰色了，看来只好自己做出一个UISwitch了！

1. 实作一个UISwitch，设定如下：

CornerRadius是让正方体的边边变圆弧的参数，数字越大越圆

let accessorySwitch: UISwitch = {
        let uiSwitch = UISwitch(frame: .zero)
        // 设定 Switch 的背景色为灰色
        uiSwitch.backgroundColor = .lightGray
        // 设定 Switch 的 CornerRadius
        // CornerRadius 设为高度的一半，边边就会变成圆形
        uiSwitch.layer.cornerRadius = uiSwitch.frame.height / 2.0
        return uiSwitch
    }()

2.之後到init里面更改AccessoryView，更改为我们刚刚制作的UISWitch

override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        self.backgroundColor = .clear
        // 设定accessoryView 为 我们制作的UISwitch
        self.accessoryView = accessorySwitch
        setViews()
        setLayouts()
    }

再执行看看吧！