自定义UISwitch设计：能否修改UISwitch实现指定样式？

嘿，这个问题我太熟悉啦！咱们好好唠唠～

首先得说：直接修改系统的UISwitch确实能做一些小幅度自定义，但能改的地方非常有限——苹果把UISwitch的内部结构封装得很死，像滑块形状、特殊背景渐变、自定义图标位置这类个性化需求，靠系统公开API根本搞不定。

那具体该怎么实现你的目标样式呢？分两种情况来看：

方案一：用系统UISwitch做有限自定义（适合小改动） #

如果你的需求只是调整颜色、换个开启状态的小图标，那用系统自带的API就能搞定：

• 改开启/关闭的背景色：用onTintColor和tintColor
• 改滑块颜色：用thumbTintColor
• 换开启状态的图标：通过setImage(_:for:)设置，但图标只能局限在滑块范围内，关闭状态的图标还没法直接改

给你贴个简单的代码例子：

let customSwitch = UISwitch()
customSwitch.onTintColor = .systemGreen // 开启时的背景色
customSwitch.tintColor = .lightGray // 关闭时的背景色
customSwitch.thumbTintColor = .white // 滑块的颜色
customSwitch.setImage(UIImage(named: "check-mark"), for: .on) // 开启状态显示的图标

但还是那句话，这种方式只能做些皮毛改动，没法实现太个性化的样式。

方案二：自定义Switch控件（推荐！适合复杂样式） #

如果你的目标样式和系统UISwitch差别很大（比如特殊形状的滑块、带渐变的背景、自定义切换动画），那最好自己撸一个自定义Switch。步骤其实挺简单的：

1. 用UIView当容器，里面放背景视图和滑块视图
2. 给容器加个点击或者拖拽手势，处理切换逻辑
3. 实现切换时的动画（比如滑块滑动、背景色渐变）
4. 对外暴露isOn属性和状态变化的回调，用法和系统Switch保持一致

给你贴个核心代码片段参考：

class CustomSwitch: UIView {
    // 对外暴露的开关状态
    var isOn: Bool = false {
        didSet {
            updateSwitchUI()
        }
    }
    // 状态变化的回调（和系统UISwitch的valueChanged类似）
    var onStateChanged: ((Bool) -> Void)?
    
    private let bgView = UIView()
    private let thumbView = UIView()
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupSubviews()
        // 添加点击手势触发切换
        addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(toggleSwitch)))
    }
    
    private func setupSubviews() {
        // 配置背景视图：圆角、默认颜色
        bgView.layer.cornerRadius = frame.height / 2
        bgView.backgroundColor = .lightGray
        bgView.frame = bounds
        addSubview(bgView)
        
        // 配置滑块视图：圆角、阴影、默认位置
        thumbView.layer.cornerRadius = frame.height / 2 - 2
        thumbView.backgroundColor = .white
        thumbView.layer.shadowColor = UIColor.black.cgColor
        thumbView.layer.shadowOffset = CGSize(width: 0, height: 1)
        thumbView.layer.shadowOpacity = 0.2
        thumbView.frame = CGRect(x: 2, y: 2, width: frame.height - 4, height: frame.height - 4)
        addSubview(thumbView)
    }
    
    @objc private func toggleSwitch() {
        isOn.toggle()
        onStateChanged?(isOn)
        updateSwitchUI()
    }
    
    private func updateSwitchUI() {
        // 切换背景色
        bgView.backgroundColor = isOn ? .systemGreen : .lightGray
        // 滑块滑动动画
        UIView.animate(withDuration: 0.3, delay: 0, options: .curveEaseInOut) {
            self.thumbView.frame.origin.x = self.isOn ? self.frame.width - self.thumbView.frame.width - 2 : 2
        }
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

这种方式完全由你说了算，想给滑块加图标、给背景加渐变、调整动画速度都没问题，完全能实现你想要的样式。

总结一下：小改颜色图标用系统UISwitch就行；要做个性化样式，自定义控件才是最优解～

内容的提问来源于stack exchange，提问作者Uday Babariya