colorInvert修饰器可以对视图进行颜色反转设置

本文价值与收获

看完本文后，您将能够作出下面的界面

Jietu20200328-105354@2x.jpg

看完本文您将掌握的技能

• 了解colorInvert
• 使用colorInvert对color进行反转
• 使用colorInvert对image进行反转

代码

import SwiftUI

struct ColorInvert_Photos: View {
    var body: some View {
        VStack(spacing: 20) {
            Text("Color Invert").font(.largeTitle)
            Text("With Photos").font(.title).foregroundColor(.gray)
            Text("您可以在照片上使用彩色反转。每种颜色的工作方式相同。")
                .frame(maxWidth: .infinity)
                .font(.title).padding()
                .background(Color.green)
                .layoutPriority(1)
                .foregroundColor(.white)
            
            HStack {
                Spacer()
                Text("Original Photo")
                Spacer()
                Text("Inverted Photo")
                Spacer()
            }
            
            HStack {
                Image("yosemite")
                Image("yosemite").colorInvert()
            }
            HStack {
                Image("rainbow").resizable().frame(width: 200)
                Image("rainbow").resizable().frame(width: 200).colorInvert()
            }
            HStack {
                Image("valley").resizable().frame(width: 200)
                Image("valley").resizable().frame(width: 200).colorInvert()
            }
            HStack {
                Image("sunset").resizable().frame(width: 200)
                Image("sunset").resizable().frame(width: 200).colorInvert()
            }
        }
    }
}

技术交流

QQ:3365059189
SwiftUI技术交流QQ群:518696470

• 请关注我的专栏icloudend, SwiftUI教程与源码
  https://www.jianshu.com/c/7b3e3b671970