1 import SwiftUI
 2 
 3 struct ContentView : View {
 4     var body: some View {
 5         VStack{
 6             //新建文本视图
 7             Text("www.zengqiang.org")
 8                 //黑色背景颜色
 9                 .background(Color.black)
10                 //白色前景颜色，即文字颜色
11                 .foregroundColor(.white)
12                 //设置填充属性的值为20，
13                 //增加文本视图与文字内容的间距。
14                 .padding(20)
15             
16             //新建文本视图
17             //链式调用的顺序由上而下进行
18             Text("www.zengqiang.org")
19                 //设置文本视图的内边距
20                 .padding()
21                 //背景颜色，此时内边距也会拥有相应的背景颜色
22                 .background(Color.black)
23                 //字体颜色
24                 .foregroundColor(.white)
25             
26             //新建文本视图
27             Text("Swift User Interface")
28                 //设置文字内容的样式为巨型标题样式，以突出显示文字内容。
29                 .font(.largeTitle)
30                 .foregroundColor(.black)
31                 //填充属性为15，增加文本视图与文字内容的间距
32                 .padding(15)
33                 //设置背景颜色为黄色
34                 .background(Color.yellow)
35                 //填充属性为15，在文本视图的外围再次增加15点的间距
36                 .padding(15)
37                 //给新的内边距设置填充颜色为橙色
38                 .background(Color.orange)
39                 //设置填充属性的值为10，在文本视图的外围再次增加10点的间距
40                 .padding(10)
41                 //给新的内边距设置填充颜色为红色
42                 .background(Color.red)
43                 //从而给文本视图添加由红至黄的渐变边框
44         }
45     }
46 }
47 
48 
49 #if DEBUG
50 struct ContentView_Previews : PreviewProvider {
51     static var previews: some View {
52         ContentView()
53     }
54 }
55 #endif