1 import SwiftUI
 2 
 3 struct ContentView : View
 4 {
 5     var body: some View
 6     {
 7         VStack
 8         {
 9             //添加一个图像视图，显示项目中的一张图片素材。
10             Image("girlPicture")
11                 //方法一：两种方法都产生了相同的遮罩效果。
12                 //通过调用裁剪图形的方法，给图像应用遮罩效果。遮罩图形为圆形。
13                 .clipShape(Circle())
14             
15             //添加一个图像视图，显示项目中的一张图片素材。
16             Image("girlPicture")
17                 //方法二：两种方法都产生了相同的遮罩效果。
18                 //通过调用遮罩方法，给图像应用遮罩效果，遮罩图形为圆形。
19                 .mask(Circle())
20             
21             //添加一个图像视图，给彩虹图片添加遮罩效果，遮罩的形状为一串文字。
22             Image("gradientImage")
23                 //图像视图自动适应大小
24                 .resizable()
25                 //设置宽度和高度都是300
26                 .frame(width: 300, height: 300)
27                 //最后给它添加一个指定内容文字的遮罩。
28                 .mask(
29                     //文字的尺寸为64，并具有加粗效果。
30                     Text("SWIFT UI!").font(Font.system(size: 64).bold()
31                 ))
32         }
33     }
34 }
35 
36 #if DEBUG
37 struct ContentView_Previews : PreviewProvider {
38     
39     @State var txtFieldValue : String
40     
41     static var previews: some View {
42         ContentView()
43     }
44 }
45 #endif