为有牺牲多壮志,敢教日月换新天。

[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
➤原文已修改更新!强烈建议点击原文地址阅读!支持作者!支持原创!
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

热烈欢迎,请直接点击!!!

进入博主App Store主页,下载使用各个作品!!!

注:博主将坚持每月上线一个新app!!!

本文演示多个图像视图之间的混合效果。

 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

 

posted @ 2020-02-05 21:33  为敢技术  阅读(268)  评论(0)    收藏  举报