1 import SwiftUI
  2 
  3 struct ContentView : View
  4 {
  5     
  6     var body: some View
  7     {
  8         ScrollView{
  9             VStack{
 10                 //添加第一个图像视图
 11                 Image("couples")
 12                 
 13                 //添加第二个图像视图
 14                 Image("couples")
 15                     //模糊效果，模糊半径为2
 16                     .blur(radius: CGFloat(2))
 17                 
 18                 //添加第三个图像视图
 19                 Image("couples")
 20                     //如果图片素材包含透明度，
 21                     //设置opaque属性为true，
 22                     //可以给透明像素应用模糊效果。
 23                     .blur(radius: CGFloat(2), opaque: true)
 24                 
 25                 //添加第四个图像视图
 26                 Image("couples")
 27                     //设置图像的亮度
 28                     //参数范围：0～1
 29                     //其中0表示无效果，1表示最亮的效果。
 30                     .brightness(0.2)
 31                 
 32                 //添加第五个图像视图
 33                 Image("couples")
 34                     //对图像的颜色进行反转。
 35                     //通俗点说，就是黑色和白色，黄色和紫色，橙色和蓝色等这些互补色进行互相的转换。
 36                     .colorInvert()
 37                 
 38                 //添加第六个图像视图
 39                 Image("couples")
 40                     //给图像视图添加颜色乘法效果。
 41                     //结果色总是较暗的颜色。变化的幅度较为均匀。
 42                     //任何颜色和黑色相乘产生黑色。
 43                     //任何颜色和白色相乘保持不变。
 44                     .colorMultiply(Color.yellow)
 45                 
 46                 //添加第七个图像视图
 47                 Image("couples")
 48                     //提高当前图像的对比度。
 49                     //并设置对比度参数的值为1.5。
 50                     .contrast(1.5)
 51                 //如果参数的值为负值，则除了应用对比度之外，还会反转图像的颜色。
 52                 //.contrast(-1.5)
 53             }
 54             
 55             VStack
 56                 {
 57                     //添加第一个图像视图
 58                     Image("couples")
 59                         //给图像视图应用色调旋转效果。
 60                         //色调旋转效果会根据指定的角度移动视图中的所有颜色。
 61                         //如果将色调旋转360度，则与原色相同。
 62                         .hueRotation(Angle.degrees(180))
 63                     
 64                     //添加第二个图像视图
 65                     Image("couples")
 66                         //增加参数的饱和度
 67                         //参数值大于1时：增加色彩的饱和度。
 68                         //参数值为1时：饱和度和原色相同。
 69                         //参数值为0时：清除图像里的彩色信息。
 70                         .saturation(10)
 71                     
 72                     //添加第三个图像视图
 73                     Image("couples")
 74                         //给图像应用灰度效果。
 75                         //灰度效果可以降低色彩的饱和度。
 76                         //参数值为0时：饱和度和原色相同。
 77                         //参数值为1时：会清除图像里的彩色信息。
 78                         .grayscale(5.5)
 79                     
 80                     //添加第四个图像视图
 81                     Image("couples")
 82                         //给图像的半透明效果添加亮度，
 83                         //它会在视图之外创建一个半透明的蒙版。
 84                         //视图中的暗区变为透明，
 85                         //亮区变为不透明的黑色，
 86                         //中等亮度区域变为部分灰色。
 87                         .luminanceToAlpha()
 88             }
 89         }
 90     }
 91 }
 92 
 93 #if DEBUG
 94 struct ContentView_Previews : PreviewProvider {
 95     
 96     @State var txtFieldValue : String
 97     
 98     
 99     static var previews: some View {
100         ContentView()
101     }
102 }
103 #endif