美文网首页
SwiftUI—使用图像视图强大的色彩调整功能

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

作者: anny_4243 | 来源:发表于2020-07-10 18:49 被阅读0次

    原文链接:https://github.com/fzhlee/SwiftUI-Guide#16Image-Processing

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

    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() //给图像的半透明效果添加亮度,它会在视图之外创建一个半透明的蒙版。视图中的暗区变为透明,亮区变为不透明的黑色,中等亮度区域变为部分灰色
        }
    }
    

    相关文章

      网友评论

          本文标题:SwiftUI—使用图像视图强大的色彩调整功能

          本文链接:https://www.haomeiwen.com/subject/pjnmcktx.html