SwiftUI如何创建类似.disabled的自定义视图属性修饰符

当然可以实现这种自定义的链式视图修饰符，SwiftUI的设计本身就支持开发者扩展出类似系统.disabled()的调用方式。下面是具体的实现步骤和示例：

1. 定义处理选中状态的视图修饰符 #

先创建一个遵循ViewModifier协议的结构体，用来封装选中状态对应的UI变化逻辑：

struct SelectedModifier: ViewModifier {
    let isSelected: Bool
    
    func body(content: Content) -> some View {
        // 根据选中状态修改视图样式，这里可以替换成你需要的逻辑
        content
            .background(isSelected ? Color.blue.opacity(0.2) : Color.clear)
            .border(isSelected ? Color.blue : Color.gray, width: 2)
            .cornerRadius(8)
    }
}

2. 扩展视图添加链式调用方法 #

根据需求选择扩展范围：

方式一：全局所有视图可用

extension View {
    func selected(_ isSelected: Bool) -> some View {
        self.modifier(SelectedModifier(isSelected: isSelected))
    }
}

方式二：仅指定自定义视图可用

struct CustomView: View {
    let oneProperty: String
    
    var body: some View {
        Text(oneProperty)
            .padding()
    }
}

extension CustomView {
    func selected(_ isSelected: Bool) -> some View {
        self.modifier(SelectedModifier(isSelected: isSelected))
    }
}

3. 使用自定义修饰符 #

现在就可以像系统修饰符一样链式调用了：

// 示例调用
CustomView(oneProperty: "自定义视图示例")
    .selected(true)

原理说明 #

SwiftUI的.disabled()本质上就是系统内置的ViewModifier，通过扩展View协议提供了链式调用的入口。我们自定义的.selected()完全复刻了这个模式——用ViewModifier封装UI变化逻辑，再通过扩展让视图能直接调用这个修饰符。

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