代码改变世界

(1)新建工程

2024-04-29 13:06  lzhshn  阅读(1)  评论(0编辑  收藏  举报

1、选择平台(multi platform),选择APP的类型。

 2、选择APP的名称,选择UI类型,使用语言

 3、完成创建后,APP的代码主要分为2部分:APP的入口代码,APP的视图代码

 

import SwiftUI


@main
struct LandmarksApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
  1. body是指APP的内容和行为:body: some scene {}
  2. APP,区分为若干scene,而scene区分为若干view
  3. 此处body表示为scene层级,并且先嵌套了一个WindowGroup,用来包含多个View
  4. WindowGroup目前只包含了一个View结构体实例

 

import SwiftUI


struct ContentView: View {
    var body: some View {
        VStack {
            Image(systemName: "globe")
                .imageScale(.large)
                .foregroundStyle(.tint)
            Text("Hello, world!")
        }
        .padding()
    }
}


#Preview {
    ContentView()
}

  

  1. 使用了View结构体,其实例是ContentView
  2. 实例里又包含了一组内容和行为:body: some view {}
  3. body内是一个VStack{},以及一个 .padding(),HStack将其子视图水平排列,而VStack将其子视图垂直排列
  4. .padding()用来设置视图的填充,这里是默认值
  5. 预览函数默认永远都在,一般当前视图下,只显示当前视图的预览,这里的视图是ContentView