SwiftUI—使用图像视图强大的色彩调整功能

简介: SwiftUI—使用图像视图强大的色彩调整功能

给图片进行图像颜色的设置:设置模糊效果、设置图片的亮度、反转图片的颜色、对比度等效果


示例代码:


ScrollView{
     VStack{
    Image("girlPicture")
    Image("girlPicture")
        .blur(radius: CGFloat(2)) //给图像添加模糊效果,半径是2
    Image("girlPicture")
        .blur(radius: CGFloat(2), opaque: true) //因为图片是包含透明度的,所以设置opaque属性为真,可以给透明像素应用模糊效果
    Image("girlPicture")
        .brightness(0.2) //设置图像的亮度为0.2。参数值的范围为0至1,其中0表示无效果,1表示最亮的效果
    Image("girlPicture")
        .colorInvert() //对图像的颜色进行反转,通俗点说,就是黑色和白色、黄色和紫色、橙色和蓝色等这些互补色进行互相的转换
    Image("girlPicture")
        .colorMultiply(Color.yellow) //给图像视图添加颜色乘法效果。结果色总是较暗的颜色,变化的幅度较为均匀。任何颜色与黑色相乘产生黑色,任何颜色与白色相乘保持不变
    Image("girlPicture")
        .contrast(1.5) //提高图像的对比度,并设置对比度参数的值为1.5,如果参数的值为负值,除了应用对比度之外,还会反转图像的颜色
    }
    VStack{
    Image("girlPicture")
        .hueRotation(Angle.degrees(180)) //给图像视图应用色相旋转效果,色相旋转效果会根据您指定的角度移动视图中的所有颜色,如果旋转360度与原色相同
    Image("girlPicture")
        .saturation(10) //增加颜色的饱和度。参数值大于1时,增加色彩的饱和度。参数值为1时,饱和度和原色相同。参数值为0时,会清除图像里的彩色信息,仅包含灰度信息。
    Image("girlPicture")
        .grayscale(5.5) //给图像应用灰度效果。灰度效果可以降低色彩的饱和度。当参数值为0时,饱和度和原色相同。参数值为1时,会清除图像里的彩色信息。
    Image("girlPicture")
        .luminanceToAlpha() //给图像的半透明效果添加亮度,它会在视图之外创建一个半透明的蒙版。视图中的暗区变为透明,亮区变为不透明的黑色,中等亮度区域变为部分灰色
    }
}


2466108-5424d183999a6f4e.webp.jpg


目录
相关文章
|
6月前
|
编解码 人工智能 测试技术
无需训练,这个新方法实现了生成图像尺寸、分辨率自由
【4月更文挑战第25天】研究人员提出FouriScale方法,解决了扩散模型在生成高分辨率图像时的结构失真问题。通过膨胀卷积和低通滤波,该方法实现不同分辨率下图像的结构和尺度一致性,无需重新训练模型。实验显示FouriScale在保持图像真实性和完整性的同时,能生成任意尺寸的高质量图像,尤其在处理高宽比图像时表现出色。尽管在极高分辨率生成上仍有局限,但为超高清图像合成技术提供了新思路。[链接: https://arxiv.org/abs/2403.12963]
70 5
|
6月前
|
XML 搜索推荐 Java
Android App开发之自定义图形中位图与图形互转、剪裁图形内部区域、给图形添加部件的讲解及实战(附源码 简单易懂)
Android App开发之自定义图形中位图与图形互转、剪裁图形内部区域、给图形添加部件的讲解及实战(附源码 简单易懂)
68 0
SwiftUI—如何对图像视图进行缩放和旋转
SwiftUI—如何对图像视图进行缩放和旋转
880 0
SwiftUI—如何对图像视图进行缩放和旋转
|
1月前
ThreeJs控制模型的隐藏与显示
这篇文章讲解了如何在Three.js中通过代码控制3D模型的显示与隐藏状态。
35 3
ThreeJs控制模型的隐藏与显示
SwiftUI—如何给图像视图添加遮罩以突出主题
SwiftUI—如何给图像视图添加遮罩以突出主题
677 0
SwiftUI—如何给图像视图添加遮罩以突出主题
【Unity3D--自由观察模型】模型自动旋转+触屏旋转和缩放
展示3D模型,同时实现模型自动旋转和触屏旋转和缩放
391 0
|
并行计算 iOS开发 MacOS
Metal每日分享,调整图片角度滤镜效果
Metal每日分享,调整图片角度滤镜效果
Metal每日分享,调整图片角度滤镜效果
SwiftUI—两个图像视图之间的色彩混合
SwiftUI—两个图像视图之间的色彩混合
438 0
SwiftUI—两个图像视图之间的色彩混合
SwiftUI—如何将颜色、图片和图形作为视图的背景
SwiftUI—如何将颜色、图片和图形作为视图的背景
822 0
SwiftUI—如何将颜色、图片和图形作为视图的背景
|
Android开发 异构计算
Android图形显示系统——下层显示4:图层合成上(合成原理与3D合成)
Android显示之图层合成 要点 1.图层合成指综合各个窗口的绘制内容,送往LCD显示的过程。从原理上可分为在线合成与离线合成两种方式。 2.在Android的SurfaceFlinger代码流程中,图层合成方式分3D合成(OpenGL)和硬件合成两大类。 3.图形系统采用垂直同步Vsync机制,由LCD上报vsync,触发图层合成。 图层合成的原理
5976 0