如何为UIKit中UISlider的自定义thumbImage添加投影效果

以下为3种不同场景下的可行实现方案：

方案1：将阴影内置到thumb图片资源中 #

• 这是兼容性最高的实现方式，不受系统SDK版本、UISlider内部视图层级变更影响
• 可以直接在设计工具中导出带投影效果的thumb图片，调用setThumbImage(_:for:)方法设置即可，无需额外代码处理渲染逻辑
• 适合投影效果固定、不需要动态修改阴影参数的场景

方案2：通过子类化UISlider获取thumb视图配置layer阴影 #

• 子类化UISlider，重写layoutSubviews()方法，遍历子视图获取当前的thumb视图配置阴影参数即可，Swift示例代码如下：

override func layoutSubviews() {
    super.layoutSubviews()
    for subview in subviews where NSStringFromClass(type(of: subview)) == "UISliderThumbView" {
        subview.layer.shadowColor = UIColor.black.cgColor
        subview.layer.shadowOpacity = 0.3
        subview.layer.shadowOffset = CGSize(width: 0, height: 2)
        subview.layer.shadowRadius = 4
        subview.layer.masksToBounds = false
        // 开启光栅化提升滑动流畅度
        subview.layer.shouldRasterize = true
        subview.layer.rasterizationScale = UIScreen.main.scale
    }
}

• 不要在awakeFromNib或者初始化方法中获取thumb，此时thumb视图还未完成布局，可能获取不到
• 若需要修改阴影动态参数，直接遍历到thumb视图更新layer属性即可

方案3：完全自定义thumb视图 #

• 隐藏系统默认的thumb，添加自定义的UIView作为自定义thumb，完全自主控制所有样式效果，Swift示例代码如下：

// 初始化时隐藏系统thumb
setThumbImage(UIImage(), for: .normal)
// 添加自定义thumb
let customThumb = UIView(frame: CGRect(x: 0, y: 0, width: 30, height: 30))
customThumb.backgroundColor = .white
customThumb.layer.cornerRadius = 15
// 配置阴影
customThumb.layer.shadowColor = UIColor.black.cgColor
customThumb.layer.shadowOpacity = 0.3
customThumb.layer.shadowOffset = CGSize(width: 0, height: 2)
customThumb.layer.shadowRadius = 4
customThumb.layer.masksToBounds = false
addSubview(customThumb)

• 重写thumbRect(forBounds:trackRect:value:)方法，在值变化时更新自定义thumb的位置，保证和滑动位置同步
• 这种方式可控性最高，支持任意样式修改，适配所有系统版本

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