构建基本视图：Text, Image, Shape

在SwiftUI中，构建基本视图是创建用户界面的基础。你可以使用Text、Image和Shape来展示信息和图形。下面我们将详细探讨这三种基本视图的使用方法。

1. 使用Text视图

Text视图用于显示文本内容。你可以通过简单的代码来创建文本视图：

Text("Hello, SwiftUI!")
    .font(.title)
    .foregroundColor(.blue)

• 字体：使用.font()方法可以设置字体样式。
• 颜色：使用.foregroundColor()方法可以改变文本颜色。

2. 使用Image视图

Image视图用于显示图片。你可以从资产库中加载图片，或者使用系统图标：

Image("exampleImage")
    .resizable()
    .scaledToFit()
    .frame(width: 100, height: 100)

• 可调整大小：使用.resizable()方法使图片可以调整大小。
• 适应框架：使用.scaledToFit()方法确保图片在框架内保持比例。

3. 使用Shape视图

Shape视图用于绘制形状，如矩形、圆形等。你可以自定义形状的外观：

Circle()
    .fill(Color.red)
    .frame(width: 100, height: 100)

• 填充颜色：使用.fill()方法可以设置形状的填充颜色。
• 框架：使用.frame()方法设置形状的大小。

4. 组合视图

你可以将这些基本视图组合在一起，创建更复杂的界面。例如，使用VStack将文本和图片垂直排列：

VStack {
    Text("Welcome to SwiftUI")
    Image("exampleImage")
}

• 垂直堆叠：VStack会将子视图垂直排列。
• 灵活布局：你可以使用HStack和ZStack来实现水平和重叠布局。

5. 实践小贴士

• 调试：在构建视图时，使用Preview功能可以实时查看效果。
• 样式：尝试不同的字体、颜色和形状，找到最适合你应用的样式。

通过掌握这些基本视图，你将能够创建出丰富多彩的用户界面。🎉 继续探索SwiftUI的更多功能，提升你的开发技能！