SwiftUI开发教程系列 - 第3章：修饰符与样式

SwiftUI 的修饰符（Modifiers）是一种功能强大的工具，可以轻松为视图添加样式、调整布局和增强交互性。本章将详细介绍常用的修饰符，以及如何组合使用修饰符实现个性化的 UI 设计。

3.1 什么是修饰符？

修饰符是一种链式方法，可以附加到视图上，用于设置外观、布局或行为。修饰符按顺序应用，每个修饰符会基于之前的样式进行叠加，因此顺序不同可能会导致效果不同。

3.2 常见修饰符

字体和颜色修饰符

• font：设置字体大小、风格等
• foregroundColor：设置前景色
• background：设置背景色

示例代码：

Text("SwiftUI 修饰符")
    .font(.title)
    .foregroundColor(.blue)
    .background(Color.yellow)

形状修饰符

• cornerRadius：设置圆角半径
• frame：设置宽高尺寸

示例代码：

Text("圆角边框")
    .padding()
    .background(Color.green)
    .cornerRadius(10)

边框和阴影修饰符

• border：添加边框，可以设置颜色和宽度
• shadow：添加阴影效果，设置偏移、颜色和模糊度

示例代码：

Image