还在羡慕微信/微博的图片处理?-android酷炫图片处理(下)

微信一向是android开发者们模仿的对象,上篇文章中,我介绍了一个和微信图片压缩,压缩效果差不多的库Luban,这篇文章还会介绍高仿微信从文件系统选择图片。此外微博加载超长大图功能也很酷炫(其实微信朋友圈也有),这篇文章也给出了实现这种效果的功能库,当然,除此之外还有很多其他酷炫效果的介绍,让我们的app逼格逐渐高起来吧!

我的上篇文章-拉升App颜值-android优雅酷炫的图片处理留下了一个TODO列表,这篇文章主要就是为了完成上篇文章的TODO事件的,自己挖的坑,跪着也要填上_!,如果你还没有读过上篇文章,欢迎点击传送门阅读,纯干货呦。

如果觉得不错,欢迎随手点个喜欢,我会开心很长时间的_

如果大家有好的UI相关开源项目推荐,欢迎在Github提issue或者发起PR,我会认真审核后合并;也欢迎在我的博客评论推荐。

最后,点击查看Github上的本系列博客完整版总结,如果觉得不错,欢迎star _

这篇文章主要介绍如何优雅的对图片进行如下处理:

  1. 给图片添加毛玻璃效果;
  2. 剪裁;
  3. 实现类似网页图片轮播效果;
  4. 仿微信从文件系统进行图片选择;
  5. 仿微博加载超长大图;
  6. 加载动态图。
  7. 其它图片处理黑科技

毛玻璃模糊效果Blur

毛玻璃效果以前都是默默无闻的,直到微信在朋友圈搞了一个付费看图的功能之后,毛玻璃效果就流行了起来,下面介绍一些简单易用的实现毛玻璃效果的库。

Blurry

Blurry没什么好介绍的,看效果图就行。

项目地址:https://github.com/wasabeef/Blurry/raw/master/art/blurry.gif

效果图:

ImageBlurring

ImageBlurring的特点是使用多种手段实现对图片的模糊处理,并比较了处理效率,可以了解使用哪种方式处理图片效率更高。

项目地址:https://github.com/qiujuer/ImageBlurring

效果图:

图片裁剪

图片裁剪功能很常用,如果你做一个app,有上传用户头像的功能,基本都要对原始图片进行剪裁,系统内置有剪裁功能,可通过特定intent触发,但是功能有限,不方便定制,这里介绍几个效果更好的图片剪裁库。

uCrop

uCrop这个项目的目标是:提供终极的、灵活的图片剪裁体验!听着就很厉害的样子,事实上也确实非常厉害,个人认为这应该是史上体验最好的剪裁库。

项目地址:https://github.com/Yalantis/uCrop

效果图:

android-crop

android-crop看起来更像一个单纯的剪裁库,没有uCrop提供的那么多效果,但是就剪裁功能来说,还是很好的。

项目地址:https://github.com/jdamcd/android-crop

效果图:

还在羡慕微信/微博的图片处理?-android酷炫图片处理(下)_第1张图片

图片轮播

图片轮播效果再网页上比较常见,通常网页首页最顶部就是几个大大的轮播图,当我们还在羡慕那种效果的时候,厉害的人已经在android上实现了类似功能。

AndroidImageSlider

AndroidImageSlider是代码家大神开源的图片轮播库,支持从网络/drawable/文件夹在图片进行轮播展示,并且有很多酷炫的动画。

项目地址:https://github.com/daimajia/AndroidImageSlider

效果图:

DecentBanner

DecentBanner是另一个支持图片自动滚动轮播,并支持友好动画的图片轮播库,话不多说,看效果图!

项目地址:https://github.com/chengdazhi/DecentBanner

效果图:

仿微信从文件系统加载图片

是不是还在羡慕微信发朋友圈的时候的图片选择效果,从现在起不用了,你也可以拥有那种效果了!

MultiImageSelector

MultiImageSelector是一个高仿微信朋友圈图片选择的功能库,提供多种选择,例如可以配置选单张还是多张,可以配置最多选几张,还可以配置是否显示拍照按钮等。

项目地址:https://github.com/lovetuzitong/MultiImageSelector

效果图:


仿微博加载超长大图

用微博的时候,你一定见过那种点开长的不得了的大图,如果不做处理加载那么大的图片,早就不知道oom到那里去了,现在出现了一个实现类似微博加载超长大图的良心之作。

LargeImage

LargeImage库,可以让你高清显示10000*10000像素的图片,轻松实现微博长图功能,怎么实现的也非常值得我们学习。

项目地址:https://github.com/LuckyJayce/LargeImage

效果图:

还在羡慕微信/微博的图片处理?-android酷炫图片处理(下)_第2张图片

加载动态图

动态图和上面介绍的长图,除了在特定的应用,其实用的不是很多,但是,如果用到,我们一定要能够优雅的处理。

GifView

GifView是一个可以播放GIF图片的自定义view,并且提供了开始/暂停/停止播放的功能。

项目地址:https://github.com/Cutta/GifView

效果图:

GifImageView

GifImageView的特点是你可以针对每一帧进行操作,例如添加模糊效果等。

项目地址:https://github.com/felipecsl/GifImageView

效果图:

其它黑科技

出了常规使用的效果之外,总有一些人,实现了一些意想不到的效果。

android-shape-imageview

这个项目简直把ImageView玩坏了-_-#,可以把图片蹂躏成各种形状,然而项目中出了圆图和矩形/圆角矩形外,其它的基本用不到。

项目地址:https://github.com/siyamed/android-shape-imageview

效果图:

还在羡慕微信/微博的图片处理?-android酷炫图片处理(下)_第3张图片

FabricView

这个控件就相当于是一个playground,可以让人玩的很开心,你可以在上面写文本,加载图片,甚至可以在上面用手指乱写乱画,挺好玩呢!

项目地址:https://github.com/antwankakki/FabricView

效果图:

还在羡慕微信/微博的图片处理?-android酷炫图片处理(下)_第4张图片

还在羡慕微信/微博的图片处理?-android酷炫图片处理(下)_第5张图片

SimpleTagImageView

这个库相对于上面的两个库,就正常了很多,也比较实用。实现的是给图片角上打倾斜的tag。

项目地址:https://github.com/wujingchao/SimpleTagImageView

效果图:

MovingImageView

这个控件可以加载一个超出屏幕大小的图片,然后让这个图片在屏幕范围内四处逛荡,也比较实用。

项目地址:https://github.com/AlbertGrobas/MovingImageView

效果图:

这次先介绍这么多,这个项目我会持续更新,欢迎在我的Github watch/star。最后欢迎大家讨论,如果觉得不错,随手点个喜欢,或者去我的Github点个star,我可能会开心好几天 Y(_)Y,谢谢大家!

你可能感兴趣的:(还在羡慕微信/微博的图片处理?-android酷炫图片处理(下))