30天学会Swift-21：SwiftUI入门

学习目标

• 理解SwiftUI的基本概念和声明式UI范式。
• 掌握SwiftUI项目结构和预览功能。
• 学习如何使用Text, Image, Button等基本视图。
• 掌握VStack, HStack, ZStack等布局容器。
• 理解State和Binding在SwiftUI中的作用。

学习内容

1. SwiftUI 简介

SwiftUI 是苹果在 2019 年推出的声明式 UI 框架，用于在所有苹果平台（iOS, macOS, watchOS, tvOS）上构建用户界面。它与 Swift 语言深度集成，利用 Swift 的新特性（如函数式编程、协议、泛型）来简化 UI 开发。

• 声明式 UI (Declarative UI)：你描述 UI 的“样子”，而不是“如何”实现它。SwiftUI 会根据你的数据状态自动更新 UI。
• 跨平台：一套代码可以运行在所有苹果设备上。
• 实时预览：Xcode 提供了强大的实时预览功能，所见即所得。

2. SwiftUI 项目结构

创建一个新的 SwiftUI 项目时，你会看到以下主要文件：

• [YourAppName]App.swift：应用程序的入口点，定义了应用程序的生命周期和主视图。
• ContentView.swift：应用程序的根视图，通常是你的第一个界面。
• Assets.xcassets：存放图片、颜色等资源。
• Preview Content：用于预览的辅助文件。

3. 基本视图 (Views)

SwiftUI 中的所有 UI 元素都是视图。

• Text：显示文本。

  Text("Hello, SwiftUI!")
      .font(.largeTitle) // 修改字体
      .foregroundColor(.blue) // 修改颜色
      .padding() // 添加内边距
  

• Image：显示图片。

  Image("apple_logo") // 从 Assets.xcassets 加载图片
      .resizable() // 使图片可调整大小
      .aspectRatio(contentMode: .fit) // 保持宽高比
      .frame(width: 100, height: 100) // 设置大小
  
  Image(systemName: "heart.fill"</