记录第一次学习SwiftUI，UI基础

基础视图：

struct SwiftUIView: View {
    var body: some View {
        
        Text("Hello, World!")
        
    }
}

image.png

这里只写了一个Text("hello,world"),这个控件时放一个普通的字，引号里可自定义，可写其他的

当你想写两行字时如果像如下写法

    var body: some View {
        
        Text("Hello, World!")
        Text("Hello, World!")
        
    }
}

编译器会告诉你，他不知到怎么放两个Text，这时引出新的两个基础用法
VStack 和HStack

struct SwiftUIView: View {
    var body: some View {
        
        VStack{
            Text("Hello, World!")
            Text("Hello, World!")
        }
        
        
    }
}
struct SwiftUIView1: View {
    var body: some View {
        
        HStack{
            Text("Hello, World!")
            Text("Hello, World!")
        }
        
        
    }
}

VStack是垂直摆放两个Text image.png
HStack是水平摆放两个Text image.png

自然，有的字我们还不够，还想改变字的颜色，和大小，或者改变背景

struct SwiftUIView: View {
    var body: some View {
        
        HStack{
            Text("Hello, World!")
                .font(.title) //.font是指字体大小
                .foregroundColor(.red)//字的颜色
                .background(Color.blue)//背景颜色
            Text("Hello, World!")
        }
        
        
    }
}

在SwiftUi中想要给某个View添加属性，只需在后 . 然后选择相关属性即可添加，是在view后面，为了代码好看，这里回车放在view下面，实则没有区别。