基础视图:
struct SwiftUIView: View {
var body: some View {
Text("Hello, World!")
}
}
这里只写了一个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是垂直摆放两个TextHStack是水平摆放两个Text
自然,有的字我们还不够,还想改变字的颜色,和大小,或者改变背景
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下面,实则没有区别。