俗话说,知其然,知其所以然,上一篇的毛玻璃效果并不是很满意,但是还是有收获的呢。
我接触到了CIImage的很多东西。下面就是其中的一个例子:
屏幕快照 2016-01-28 15.34.20.png其实主要是Filter的配置,我找到了Filter的全部内容的方法:
屏幕快照 2016-01-28 15.50.40.png总共打印了173种处理方式。
打印的内容是这样的:
屏幕快照 2016-01-28 15.54.28.png看不清楚是不?没关系,没准备让你看清楚呢,就是让你明白打印出来东西了。
好了,不闹了,好好分析一下这些数据吧,真的挺好用的。
先看看毛玻璃效果那部分都打印了什么:
屏幕快照 2016-01-28 11.14.05.png第一个要看的是横线的部分,横线标出的是毛玻璃效果的名称,然后框框里的是需要配置的参数,为inputImage和inputRadius。在对应的大括号里面,有该参数的具体解释和所属类型。
我们看一下我们实现毛玻璃时,是不是配置了这两个参数:
屏幕快照 2016-01-28 16.04.17.png再看一下我们的旋转效果都有什么内容:
屏幕快照 2016-01-28 16.05.39.png 屏幕快照 2016-01-28 16.06.02.png可以看得出,名称是:CITwirlDistortion。总共需要配置inputAngle、inputCenter、inputImage、inputRadius这么四个属性,当然有些存在默认值的可以不设置。
屏幕快照 2016-01-28 16.14.03.png 屏幕快照 2016-01-28 16.25.54.png 屏幕快照 2016-01-28 16.27.27.png 屏幕快照 2016-01-28 16.28.56.png 屏幕快照 2016-01-28 16.30.34.png 屏幕快照 2016-01-28 16.32.40.png原图:
屏幕快照 2016-01-28 16.21.52.png嗯,来看一下旋转的效果:
屏幕快照 2016-01-28 16.20.26.png看一下变昏暗的效果:
屏幕快照 2016-01-28 16.26.42.png看一下变亮的效果:
屏幕快照 2016-01-28 16.28.06.png替换颜色的效果:
屏幕快照 2016-01-28 16.29.43.png疾行效果:
屏幕快照 2016-01-28 16.31.05.png凸显线条:
屏幕快照 2016-01-28 16.33.11.png还有好多好多的效果,等有空了,可以一个一个试一遍~
加油~
网友评论