面试题：Swift中如何创建一个基本的SwiftUI视图修饰器

Question

请用Swift编写一个简单的SwiftUI视图修饰器，它可以将文本的颜色修改为指定颜色，例如红色。并解释视图修饰器的基本结构和工作原理。

Answer 1

代码实现

import SwiftUI

// 定义一个视图修饰器
struct TextColorModifier: ViewModifier {
    let color: Color
    
    func body(content: Content) -> some View {
        content
            .foregroundColor(color)
    }
}

// 扩展View，方便使用该修饰器
extension View {
    func textColor(_ color: Color) -> some View {
        modifier(TextColorModifier(color: color))
    }
}

// 使用示例
struct ContentView: View {
    var body: some View {
        Text("Hello, World!")
            .textColor(.red)
    }
}

视图修饰器基本结构和工作原理

1. 基本结构：
   • 视图修饰器遵循ViewModifier协议。这个协议要求实现一个body属性，body接受一个Content类型的参数，并返回一个符合View协议的视图。
   • ContentView是视图修饰器要修饰的视图，它是一个泛型类型，代表任何符合View协议的视图。
   • 在body中，我们对传入的content视图应用其他视图修饰，比如在上述代码中，使用.foregroundColor来改变文本颜色。
2. 工作原理：
   • 当我们对一个视图使用视图修饰器时，比如Text("Hello, World!").textColor(.red)，实际上是将Text视图作为content传递给TextColorModifier的body，然后body返回一个经过修改的视图（这里是文本颜色变为红色的Text视图）。
   • 通过扩展View协议，我们可以为所有符合View协议的视图添加自定义的视图修饰器方法，使得代码更简洁，使用更方便。