colorMultiply顏色疊加。它的行為就像拿起彩色玻璃并將其放在另一種視圖之上。colorMultiply顏色疊加并不能真正將顏色融合在一起。它將濾色器放在另一個視圖上。因此，它不會創建新的顏色，而是創建一個在其頂部具有濾色器的視圖

本文價值與收獲

看完本文后，您將能夠作出下面的界面

[email protected]

看完本文您將掌握的技能

• 了解并掌握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