SwiftUI 如何在视图周围绘制阴影?

4 min read

SwiftUI 中可以使用 shadow() 修饰符在视图周围绘制阴影。该修饰符需要一个 Shadow 类型的参数,在该参数中可以指定阴影的颜色、半径、偏移量等属性。

以下是一个简单的示例代码,用于在文本视图周围绘制阴影:

Text("Hello, World!")
    .foregroundColor(.white)
    .padding()
    .background(Color.blue)
    .cornerRadius(10)
    .shadow(color: .gray, radius: 5, x: 0, y: 5)

在上述代码中,我们首先创建了一个文本视图,并调整了其外观样式。然后,我们使用 background() 修饰符为其设置了一个蓝色背景,并使用 cornerRadius() 修饰符设置了圆角半径。最后,我们使用 shadow() 修饰符向视图周围添加了一个灰色阴影,半径为 5,偏移量为 (0, 5)。

你可以根据需要调整 shadow() 修饰符中的参数,以实现更自定义的阴影效果。