如何优雅传递“部分闭包”实现PanelControl控制ViewToEdit属性？

这个需求用Swift的KeyPath就能完美解决！它本质是属性的“路径引用”，能让你直接指定要操作的对象属性，不管是读取初始值还是赋值都很方便，完全符合你想要的简洁用法。

1. 实现泛型版PanelControl #

我们可以用泛型来适配CGFloat和UIColor两种属性类型，同时通过KeyPath直接绑定目标属性：

import UIKit

// 假设你的目标视图类是这个（根据实际情况替换）
class ViewToEdit: UIView {}

class PanelControl<T>: UIView {
    private let viewToEdit: ViewToEdit
    private let keyPath: WritableKeyPath<ViewToEdit, T>
    private let slider: UISlider
    private let titleLabel: UILabel
    
    // 初始化方法：传入标题、目标视图、属性KeyPath、滑块范围
    init(title: String, viewToEdit: ViewToEdit, keyPath: WritableKeyPath<ViewToEdit, T>, sliderRange: (min: Float, max: Float)) {
        self.viewToEdit = viewToEdit
        self.keyPath = keyPath
        self.slider = UISlider(frame: .zero)
        self.titleLabel = UILabel(frame: .zero)
        
        super.init(frame: .zero)
        
        // 配置UI元素
        titleLabel.text = title
        titleLabel.font = UIFont.systemFont(ofSize: 14)
        slider.minimumValue = sliderRange.min
        slider.maximumValue = sliderRange.max
        slider.addTarget(self, action: #selector(sliderValueChanged), for: .valueChanged)
        
        // 设置滑块初始值（根据属性类型适配）
        setupInitialSliderValue()
        
        // 添加子视图并设置布局（这里用Auto Layout示例）
        addSubview(titleLabel)
        addSubview(slider)
        
        titleLabel.translatesAutoresizingMaskIntoConstraints = false
        slider.translatesAutoresizingMaskIntoConstraints = false
        
        NSLayoutConstraint.activate([
            titleLabel.topAnchor.constraint(equalTo: topAnchor, constant: 8),
            titleLabel.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 8),
            slider.topAnchor.constraint(equalTo: titleLabel.bottomAnchor, constant: 8),
            slider.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 8),
            slider.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -8),
            slider.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -8)
        ])
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    // 根据属性类型设置滑块初始值
    private func setupInitialSliderValue() {
        switch viewToEdit[keyPath: keyPath] {
        case let floatValue as CGFloat:
            slider.value = Float(floatValue)
        case let color as UIColor:
            // 这里默认控制颜色的alpha通道，你可以改成red/green/blue等
            var alpha: CGFloat = 0
            color.getRed(nil, green: nil, blue: nil, alpha: &alpha)
            slider.value = Float(alpha)
        default:
            fatalError("Unsupported property type!")
        }
    }
    
    // 滑块值变化时更新目标属性
    @objc private func sliderValueChanged() {
        let sliderValue = slider.value
        switch viewToEdit[keyPath: keyPath] {
        case is CGFloat:
            viewToEdit[keyPath: keyPath] = CGFloat(sliderValue) as! T
        case is UIColor:
            // 同样默认更新alpha通道，可扩展为其他颜色分量
            var currentColor = viewToEdit[keyPath: keyPath] as! UIColor
            var red: CGFloat = 0, green: CGFloat = 0, blue: CGFloat = 0, alpha: CGFloat = 0
            currentColor.getRed(&red, green: &green, blue: &blue, alpha: &alpha)
            
            let updatedColor = UIColor(
                red: red,
                green: green,
                blue: blue,
                alpha: CGFloat(sliderValue)
            )
            viewToEdit[keyPath: keyPath] = updatedColor as! T
        default:
            fatalError("Unsupported property type!")
        }
    }
}

2. 使用方式（完全符合你的期望） #

现在你可以像这样创建多个PanelControl实例，每个控制ViewToEdit的不同属性：

// 假设你已经有一个ViewToEdit实例
let myViewToEdit = ViewToEdit(frame: CGRect(x: 50, y: 100, width: 200, height: 200))
myViewToEdit.backgroundColor = .blue
myViewToEdit.alpha = 0.7
myViewToEdit.layer.cornerRadius = 10

// 控制alpha属性（CGFloat类型）
let alphaPanel = PanelControl(
    title: "Opacity",
    viewToEdit: myViewToEdit,
    keyPath: \.alpha,
    sliderRange: (min: 0, max: 1)
)
alphaPanel.frame = CGRect(x: 20, y: 350, width: 300, height: 60)

// 控制圆角半径（CGFloat类型）
let cornerRadiusPanel = PanelControl(
    title: "Corner Radius",
    viewToEdit: myViewToEdit,
    keyPath: \.layer.cornerRadius,
    sliderRange: (min: 0, max: 30)
)
cornerRadiusPanel.frame = CGRect(x: 20, y: 420, width: 300, height: 60)

// 控制背景色的alpha通道（UIColor类型）
let bgAlphaPanel = PanelControl(
    title: "BG Opacity",
    viewToEdit: myViewToEdit,
    keyPath: \.backgroundColor,
    sliderRange: (min: 0, max: 1)
)
bgAlphaPanel.frame = CGRect(x: 20, y: 490, width: 300, height: 60)

3. 扩展说明 #

• 类型安全：编译器会检查你传入的KeyPath是否属于ViewToEdit，以及类型是否匹配，避免运行时错误。
• 灵活扩展：如果需要控制UIColor的其他分量（比如red、green），只需要修改setupInitialSliderValue和sliderValueChanged里的颜色处理逻辑即可。
• 替代闭包的优势：相比闭包，KeyPath的写法更简洁直观，直接指向属性，不需要写额外的赋值逻辑。

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