概述

SwiftUI是苹果公司推出的一种用于构建iOS、macOS、watchOS和tvOS应用程序界面的框架。它是基于Swift编程语言开发的，旨在简化UI开发过程并提供实时预览功能，使开发人员可以更快地构建出漂亮的应用程序界面。

Swift是苹果公司推出的一种面向对象的编程语言，旨在取代Objective-C成为iOS、macOS、watchOS和tvOS平台的主要编程语言。它具有现代编程语言的特性，如类型推断、闭包、泛型和安全的空值处理等，并在性能和安全性方面进行了优化。

SwiftUI是Swift语言的一个重要组成部分，它与Swift语言密切相关。使用SwiftUI，开发人员可以使用Swift编写应用程序界面，并在SwiftUI中使用Swift语言的所有特性。

因此，SwiftUI是一种用于构建应用程序界面的框架，而Swift是一种编程语言。SwiftUI基于Swift语言开发，使用Swift编写应用程序界面。

swiftUI界面实时预览功能

 

SwiftUI支持最低版本

SwiftUI是在2019年的WWDC上首次发布的，它是iOS 13及以上版本的一个全新框架，因此，SwiftUI支持的最低版本是iOS 13、macOS Catalina、watchOS 6和tvOS 13。

这意味着，如果您的应用程序需要在旧版本的操作系统上运行，那么您需要使用传统的UIKit（或者AppKit）来构建您的用户界面。但是，如果您的应用程序只需要在iOS 13及以上版本上运行，那么您可以使用SwiftUI来构建界面，这将使您的开发更加简单、快速和直观。当然，使用SwiftUI构建的应用程序，仍然可以在较旧的操作系统上运行，但需要在代码中进行特殊处理，以避免使用不受支持的API。

SwiftUIDemo演示

下面是一些SwiftUI基础Demo的示例：

1. 创建一个文本标签

swift
struct ContentView: View {
    var body: some View {
        Text("Hello, SwiftUI!")
    }
}

2. 创建一个按钮，并在按钮上添加点击事件

struct ContentView: View {
    var body: some View {
        Button("Click me") {
            print("Button tapped")
        }
    }
}

3. 创建一个可编辑的文本框
 

struct ContentView: View {
    @State private var name = ""

    var body: some View {
        TextField("Enter your name", text: $name)
            .textFieldStyle(.roundedBorder)
            .padding()
    }
}

4. 创建一个列表，并显示一些数据
 

struct ContentView: View {
    let items = ["Item 1", "Item 2", "Item 3"]

    var body: some View {
        List(items, id: \.self) { item in
            Text(item)
        }
    }
}

5. 创建一个图片视图

struct ContentView: View {
    var body: some View {
        Image(systemName: "heart.fill")
            .foregroundColor(.red)
            .font(.system(size: 50))
    }
}

这些示例只是SwiftUI的冰山一角，还有许多其他基本示例，如布局、导航、动画等等。您可以在Apple的官方文档和其他在线资源中找到更多的示例和教程。