SwiftUI（十四）- 视图（视觉效果与样式修饰）

引言

在SwiftUI中，视觉效果和样式的修饰符为我们提供了丰富的工具，能够以简单直观的方式来设计精美的界面。无论是为视图添加背景颜色、绘制边框、还是应用阴影和模糊效果，这些修饰符都能帮助我们快速实现独特的视觉效果，让界面更加生动与富有层次感。

本篇博客将会深入探讨SwiftUI中的一些常用视觉效果与样式修饰符，并通过示例演示如何使用它们来提升界面设计的细节表现。通过这些技巧，你将能够轻松地打造出更具吸引力的iOS应用界面。

为视图周围填充颜色

我们已经知道了padding()修饰符，它会为我们在视图周围添加一些空间，而background()修饰符可以设置视图的背景颜色。但使用它们的方式，顺序很重要，不同的顺序可能会有不同结果嗷。

例如，我们来创建一个具有黑色背景和白色文字的文本视图，然后为其添加系统默认的填充：

struct ContentView: View {
    var body: some View {
        Text("Hello, World!")
            .background(.black)
            .foregroundStyle(.white)
            .padding()
    }
}

效果如下：