swift ui 代码举例
当然!下面是一个简单的 SwiftUI 示例代码,它展示了一个带有文本和按钮的基本视图。点击按钮时,文本内容会更新:
import SwiftUI
struct ContentView: View {
@State private var message = "Hello, World!"
var body: some View {
VStack {
Text(message)
.font(.largeTitle)
.padding()
Button(action: {
message = "Button was tapped!"
}) {
Text("Tap Me")
.font(.headline)
.padding()
.background(Color.blue)
.foregroundColor(.white)
.cornerRadius(10)
}
}
.padding()
}
}
@main
struct MyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
代码解释:
@State
:@State
属性包装器用于声明和管理视图中的可变状态。在这个例子中,message
是一个状态变量,当它的值改变时,视图会重新渲染。VStack
: 一个垂直堆栈容器,用于垂直排列其子视图。Text
: 用于显示文本内容的视图。Button
: 一个按钮视图,包括一个动作和显示的内容。action
闭包指定按钮点击时要执行的操作。@main
: 应用程序的入口点,用于定义应用的结构和内容。
这个示例展示了 SwiftUI 如何使用声明式语法轻松创建交互式用户界面。可以将其直接复制到一个新的 SwiftUI 项目中进行测试。