XCode 与 SwiftUI 入门

import SwiftUI

// 有一个 main 注解
@main
struct MeetXCodeApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

// 导包
import SwiftUI

// Swift不是面向对象语言，这里不是继承View
struct ContentView: View {
// example1 变量声明有点像Golang
//    var iInt: Int
//    var iInt1: Int8
//    var iString: String
//    var iFloat: Float
//    var iDouble: Double
    
    
// example 2 VStack是纵向排布里面堆叠一些View
//    var body: some View {
//        // .leading or .trailing
//        VStack(alignment:.trailing, spacing: 100) {
//            Image(systemName: "globe")
//                .imageScale(.large)
//                .foregroundStyle(.tint)
//            Text("hello")
//            Circle()
//        }
//        .padding()
//    }
    
// example3 可以通过参数content绑定函数，函数返回View，内容放在 VStack 中
//    var body: some View {
//        // .leading or .trailing
//        VStack(alignment:.trailing, spacing: 100, content: greetings)
//            .padding()
//    }
//
//    func greetings()->Text{
//        return Text("greetings")
//    }

// example4 函数还可以返回多个 View，函数返回类型为 TupleView 和 C++ 的 tuple 差不多
//    var body: some View {
//        VStack(alignment:.trailing, spacing: 100, content: greetings).padding()
//    }
//
//    @ViewBuilder
//    func greetings()->TupleView<(Image,Text,Circle)>{
//        Image(systemName: "globe")
//        Text("hello")
//        Circle()
//    }
    
    
// example5 还能 some View
//    var body: some View {
//        VStack(alignment:.center, spacing: 10, content: greetings).padding()
//    }
//
//    @ViewBuilder
//    func greetings()->some View{
//        Image(systemName: "globe")
//        if true {
//            Circle()
//        }
//        Text("hello1")
//    }

// example6 还能像 Lambda 表达式一样
    var body: some View {
        // z轴堆叠 还有 HStack
        ZStack(alignment:.center,  content: {
            Image(systemName: "globe")
            if true {
                Circle()
            }
            Text("hello2")
        }
        ).padding()
    }
}

// 放入 Preview 与处理代码块的东西 可以在右边的 Preview 中看到
#Preview {
    ContentView()
}