提示信息

swift ui 代码举例

自作多情 已关注

当然!下面是一个简单的 SwiftUI 示例代码,它展示了一个带有文本和按钮的基本视图。点击按钮时,文本内容会更新:

  1. import SwiftUI
  2. struct ContentView: View {
  3. @State private var message = "Hello, World!"
  4. var body: some View {
  5. VStack {
  6. Text(message)
  7. .font(.largeTitle)
  8. .padding()
  9. Button(action: {
  10. message = "Button was tapped!"
  11. }) {
  12. Text("Tap Me")
  13. .font(.headline)
  14. .padding()
  15. .background(Color.blue)
  16. .foregroundColor(.white)
  17. .cornerRadius(10)
  18. }
  19. }
  20. .padding()
  21. }
  22. }
  23. @main
  24. struct MyApp: App {
  25. var body: some Scene {
  26. WindowGroup {
  27. ContentView()
  28. }
  29. }
  30. }

代码解释:

  • @State: @State 属性包装器用于声明和管理视图中的可变状态。在这个例子中,message 是一个状态变量,当它的值改变时,视图会重新渲染。
  • VStack: 一个垂直堆栈容器,用于垂直排列其子视图。
  • Text: 用于显示文本内容的视图。
  • Button: 一个按钮视图,包括一个动作和显示的内容。action 闭包指定按钮点击时要执行的操作。
  • @main: 应用程序的入口点,用于定义应用的结构和内容。

这个示例展示了 SwiftUI 如何使用声明式语法轻松创建交互式用户界面。可以将其直接复制到一个新的 SwiftUI 项目中进行测试。

    遇到难题? "AI大模型GPT4.0、GPT" 是你的私人解答专家! 点击按钮去提问......
自作多情 关注 已关注

最近一次登录:2024-11-20 19:17:30   

暂时还没有签名,请关注我或评论我的文章
×
免费图表工具,画流程图、架构图