[Swift UI]一、基础控件-(15)两个图像视图之间的色彩混合
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号:山青咏芝(let_us_code)
➤博客园地址:山青咏芝(https://www.cnblogs.com/strengthen/)
➤GitHub地址:https://github.com/strengthen/LeetCode
➤原文地址: https://www.cnblogs.com/strengthen/p/12266754.html
➤原文已修改更新!强烈建议点击原文地址阅读!支持作者!支持原创!
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
本文演示多个图像视图之间的混合效果。
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 //与白色混合将反转基色的值, 14 //与黑色混合则不会发生变化。 15 //由于图片和背景颜色,也就是和白色按照差值模式进行混合,所以图片的颜色发生了反转。 16 //共有21种颜色混合模式,可以逐一尝试不同混合模式的效果。 17 .blendMode(.difference) 18 19 //深度排列视图,其内的所有图像视图,都将在垂直屏幕的方向上进行排列。 20 ZStack 21 { 22 //添加一个图像视图 23 Image("texture") 24 //添加一个图像视图 25 Image("girlPicture") 26 //设置图像视图的混合方式为相乘。 27 .blendMode(.multiply) 28 } 29 } 30 .padding() 31 } 32 } 33 34 #if DEBUG 35 struct ContentView_Previews : PreviewProvider { 36 37 static var previews: some View { 38 ContentView() 39 } 40 } 41 #endif

浙公网安备 33010602011771号