感谢大佬:https://www.jianshu.com/p/d608f0228fd4
前言
技术群里面经常有人问到一些炫酷的UI效果实现方法,有时候我都是给一个相同或者相似效果的Github链接,有同学私信给我说,大佬,怎么这些效果你都能找到?你是怎么搜索的,或者有其他什么秘方?会利用Google、百度等搜索工具搜索是一方面,另一个重要的方面是:记录搜藏,当看到一个炫酷的效果的时候,记得收藏起来,记录到自己云笔记或者收藏夹里,看得多了,印象就比较深刻,当遇到类似效果的时候,到自己记录收藏的地方找就是了。今天为大家推荐我所收藏的一些炫酷实用的效果的开源库(选择其中10个)。
1、DiscreteScrollView
Github:https://github.com/yarolegovich/DiscreteScrollView
简介:DiscreteScrollView
是基于RecyclerView 实现的一个横向滑动列表,当前Item显示在屏幕中央并且可以左右滑动,有点像ViewPager,但是可以快速滑动。提供了简单的API来实现炫酷的动画效果。
效果展示:
![](http://upload-images.jianshu.io/upload_images/3513995-223688d4f8cf57b3.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/500/format/webp)
![](http://upload-images.jianshu.io/upload_images/3513995-29aadafdc3e36efa.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/500/format/webp)
2、MaterialViewPager
Github:https://github.com/pinguo-zhouwei/MaterialViewPager
简介:和名字一样,Material Design 效果的ViewPager, 效果很nice,请看gif
效果展示(有多重模式):
- Titlebar Logo
![](http://upload-images.jianshu.io/upload_images/3513995-2f55a6ee7f377cb3.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/152/format/webp)
- Fading Logo
![](http://upload-images.jianshu.io/upload_images/3513995-f2853a28dd789661.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/152/format/webp)
- Hide Logo and Toolbar
![](http://upload-images.jianshu.io/upload_images/3513995-d73c68864206d884.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/152/format/webp)
- Sticky Toolbar
![](http://upload-images.jianshu.io/upload_images/3513995-5c64eda562dd0de2.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/152/format/webp)
- Transparent Toolbar
![](http://upload-images.jianshu.io/upload_images/3513995-fb92fb545442e961.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/152/format/webp)
- Standard
![](http://upload-images.jianshu.io/upload_images/3513995-ce71f0028066d02b.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/152/format/webp)
3、BoomMenu
Github: https://github.com/pinguo-zhouwei/BoomMenu
*简介:传统的菜单是不是看得有些厌倦了,boom ....爆炸效果的菜单了解一下?功能强大、效果炫酷,有很多种模式。
效果展示:
![](http://upload-images.jianshu.io/upload_images/3513995-238e3f2c7c8982fb.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/360/format/webp)
![](http://upload-images.jianshu.io/upload_images/3513995-9db78809c5c6830a.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/360/format/webp)
![](http://upload-images.jianshu.io/upload_images/3513995-adf44470f0f96f91.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/360/format/webp)
![](http://upload-images.jianshu.io/upload_images/3513995-824539a28cc95b60.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/248/format/webp)
4、LayoutManagerGroup
Github: https://github.com/DingMouRen/LayoutManagerGroup
简介:自定义RecyclerView 的LayoutManager实现几种炫酷的效果。
效果展示:
- EchelonLayoutManager
![](http://upload-images.jianshu.io/upload_images/3513995-168fba466e306175.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/264/format/webp)
- SkidRightLayoutManager
![](http://upload-images.jianshu.io/upload_images/3513995-9d9879b6f68b6d57.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/264/format/webp)
- SlideLayoutManager
![](http://upload-images.jianshu.io/upload_images/3513995-0de00d53d2eb88b6.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/264/format/webp)
5、Android-SpinKit
Github: https://github.com/ybq/Android-SpinKit
简介:Android 自定义View 的方式实现的各种炫酷的动画,特别精致和优美,以前专门写文章介绍过。
效果展示:
![](http://upload-images.jianshu.io/upload_images/3513995-230e95f7e9bb9492.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/480/format/webp)
![](http://upload-images.jianshu.io/upload_images/3513995-4cdffd0228a31507.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/400/format/webp)
6、Matisse
Github: https://github.com/zhihu/Matisse
简介: Matisse是知乎开源的一个本地选择照片和视频的库,UI设计得非常精美。有如特性:
- 可以在Fragment/Activity 中使用
- 选择照片的格式包括:PNG、JPEG 、GIF.视频格式包括:MPEG, MP4
- 支持不同的主题并且可以自定义主题
- 支持不同的图片加载方式(Picasso、Glide等)
- 自定义过滤规则
效果展示:
- Zhihu Style
![](http://upload-images.jianshu.io/upload_images/3513995-53dd2b0ca818c099.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp)
- Dracula Style
![](http://upload-images.jianshu.io/upload_images/3513995-237b79e98bf2d6a1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp)
- Preview
![](http://upload-images.jianshu.io/upload_images/3513995-e86476fef9cb1d6c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp)
7、CosmoCalendar
Github:https://github.com/ApplikeySolutions/CosmoCalendar
简介: 一个高度自定义的日历库,UI精美,支持多种模式。
效果展示:
- 单个日期选择
![](http://upload-images.jianshu.io/upload_images/3513995-00e5db898ee7db4b.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/800/format/webp)
- 多个日期选择
![](http://upload-images.jianshu.io/upload_images/3513995-87cf7c889faa84df.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/800/format/webp)
- 选择一个范围日期
![](http://upload-images.jianshu.io/upload_images/3513995-0547520ae66cbd0e.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/800/format/webp)
- 自定义
![](http://upload-images.jianshu.io/upload_images/3513995-b48334062353e7af.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/800/format/webp)
8、CardStackView
Github: https://github.com/loopeer/CardStackView
简介:三种炫酷的列表卡片滑动动画,分别为:alldown, updown, updownstack
效果展示:
![](http://upload-images.jianshu.io/upload_images/3513995-e844e67008d8c719.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/264/format/webp)
![](http://upload-images.jianshu.io/upload_images/3513995-ef052547e4389d68.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/264/format/webp)
9、CalendarExaple
Github: https://github.com/codbking/CalendarExaple
简介:这是一个高仿钉钉和小米的日历控件,支持快速滑动,界面缓存。想要定制化UI,使用起来非常简单,就像使用ListView一样
一些特点:
可以自定义日历控件UI
支持快速滑动
支持农历和阳历
界面UI缓存和日历数据缓存
扩展view支持listView的滑动
效果展示:
![](http://upload-images.jianshu.io/upload_images/3513995-ca3b5d3e8bb797e1.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/324/format/webp)
![](http://upload-images.jianshu.io/upload_images/3513995-d5b17a46e7444fdd.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/352/format/webp)
10、MZBannerView
*** Github:***https://github.com/pinguo-zhouwei/MZBannerView
简介:仿魅族BannerView,图片轮播控件,支持多种模式切换:普通ViewPager使用,普通Banner使用,仿魅族Banner使用。
效果展示:
![](http://upload-images.jianshu.io/upload_images/3513995-434891ee791d6fd7.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/225/format/webp)
![](http://upload-images.jianshu.io/upload_images/3513995-8522eb2fac409f51.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/236/format/webp)
![](http://upload-images.jianshu.io/upload_images/3513995-a39692178ce0eb02.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/236/format/webp)
结尾
在我们平时的工作、学习中,要养成记笔记的好习惯、好记性不如烂笔头。平时自己遇到一些炫酷的效果,我都喜欢记录到笔记中,遇到相似的需求就好找了。本文这些炫酷的效果有兴趣的可以去对应的Github 查看使用方式,试试效果,都挺赞的。
</div>
</div>