SwiftUI之颜色叠加ColorMultiply 设置Image Color View

colorMultiply颜色叠加。它的行为就像拿起彩色玻璃并将其放在另一种视图之上。colorMultiply颜色叠加并不能真正将颜色融合在一起。它将滤色器放在另一个视图上。因此，它不会创建新的颜色，而是创建一个在其顶部具有滤色器的视图

本文价值与收获

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

[e-mail]

看完本文您将掌握的技能

• 了解并掌握colorMultiply

代码

import SwiftUI

struct ColorMultiply_Intro: View {
    var body: some View {
        VStack(spacing: 20) {
            Text("Color Multiply").font(.largeTitle)
            Text("Introduction").font(.title).foregroundColor(.gray)
            Text("Color multiply 并不能真正将颜色融合在一起。它将滤色器放在另一个视图上。因此，它不会创建新的颜色，而是创建一个在其顶部具有滤色器的视图")
                .frame(maxWidth: .infinity)
                .font(.title).padding()
                .background(Color.orange)
                .layoutPriority(1)
                .foregroundColor(.black)
            
            HStack(spacing: 10) {
                Color.blue.frame(width: 100, height: 100)
                Image(systemName: "plus")
                Color.yellow.frame(width: 100, height: 100)
                Image(systemName: "equal")
                // Apply a yellow filter on top of the blue view
                Color.blue.colorMultiply(Color.yellow)
                    .frame(width: 100, height: 100)
            }
            
            HStack(spacing: 10) {
                Image("profile")
                Image(systemName: "plus")
                Color.pink.frame(width: 100, height: 100)
                Image(systemName: "equal")
                Image("profile")
                    // Apply a yellow filter on top of the image view
                    .colorMultiply(.pink)
            }
            
            HStack(spacing: 10) {
                Image("sunset")
                Image(systemName: "plus")
                Color.yellow.frame(width: 100, height: 100)
                Image(systemName: "equal")
                Image("sunset")
                    .colorMultiply(.yellow)
            }
        }.font(.title)
    }
}

技术交流

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

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