天天看点

ImageView setColorFilter 滤镜效果(描边)

ImageView通过setColorFilter可以实现滤镜效果,通过源码可以发现ImageView.setColorFilter里面还是调用了drawable.setColorFilter,这个方法有很重载的,setColorFilter(new ColorMatrixColorFilter(new float[20])),主要是这个size为20的数组。
           

  1.颜色矩阵(ColorMatrix)介绍

  颜色矩阵M是一个5*4的矩阵,如图1所示。在Android中,颜色矩阵M是以一维数组m=[a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t]的方式进行存储的。

  

ImageView setColorFilter 滤镜效果(描边)

在一张图片中,图像的RGBA(红色、绿色、蓝色、透明度)值决定了该图片所呈现出来的颜色效果。而图像的RGBA值则存储在一个5*1的颜色分量矩阵C中,由颜色分量矩阵C可以控制图像的颜色效果。颜色分量矩阵C如图2所示。

ImageView setColorFilter 滤镜效果(描边)

要想改变一张图片的颜色效果,只需要改变图像的颜色分量矩阵即可。通过颜色矩阵可以很方便的修改图像的颜色分量矩阵。假设修改后的图像颜色分量矩阵为C1,则有如图3所示的颜色分量矩阵计算公式。

ImageView setColorFilter 滤镜效果(描边)

由此可见,通过颜色矩阵修改了原图像的RGBA值,从而达到了改变图片颜色效果的目的。并且,通过如图3所示的运算可知,颜色矩阵M的第一行参数abcde决定了图像的红色成分,第二行参数fghij决定了图像的绿色成分,第三行参数klmno决定了图像的蓝色成分,第四行参数pqrst决定了图像的透明度,第五列参数ejot是颜色的偏移量。

  通常,改变颜色分量时可以通过修改第5列的颜色偏移量来实现,如图4所示的颜色矩阵M1。这是在原图下加了边框。

  

ImageView setColorFilter 滤镜效果(描边)
<ImageView
        android:id="@+id/my_image"
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:padding="2dp"
        android:layout_gravity="center_horizontal"/>
           

描边的宽度就是这个padding。

ImageView setColorFilter 滤镜效果(描边)
ImageView setColorFilter 滤镜效果(描边)
ImageView setColorFilter 滤镜效果(描边)

各种效果可以通过这些参数调节。

代码路径:http://download.csdn.net/detail/gongkanaa/9628746

继续阅读