常用的炫酷UI效果及自定义view

阅读器Read View

这一个分类，暂时叫做Read View，里面收集的都是一些方便阅读的自定义view，例如PDFView，代码高亮的CodeView，富文本阅读的RichText等。

CodeView

CodeView 是一个能显示代码，并且能够进行代码高亮的一个控件。通过hightlight.js 渲染代码，可以自动识别主流的各种语言比如java,c++,c#,python,bash,ruby等语言并且有很多种主题风格，可以自由选择一种主题，然后将其显示。

项目地址：https://github.com/Thereisnospon/CodeView

效果图:

AppIntro

一个常规的viewpager产品介绍页。

项目地址：https://github.com/PaoloRotolo/AppIntro

效果图：

卡片交互Card interaction

这里介绍几种卡片交互体验的控件。

CardStackView

非常酷炫的卡片是交互控件。

项目地址：https://github.com/loopeer/CardStackView

效果图：

android-card-slide-panel

就是“探探”app实现的那种交互体验，为此我还特意下了一个探探体验了一下，卡片上展示的全是美女！左右拖动操作页非常nice，探探这个产品交互简直无可挑剔。

项目地址：https://github.com/xmuSistone/android-card-slide-panel

效果图:

ExpandingPager

一个比较常规的卡片式交互控件。

项目地址：https://github.com/qs-lll/ExpandingPager

效果图:

毛玻璃模糊效果Blur

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

Blurry

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

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

效果图：

ImageBlurring

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

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

效果图：

加载框LoadingView

主要介绍几种很漂亮的加载框，

Android-SpinKit

基于非常火爆的css库SpinKit实现的android加载库，动画效果非常棒。

项目地址：https://github.com/ybq/Android-SpinKit

效果图：

LoadingDrawable

这个项目重要介绍一些酷炫的加载动画，可以与任何View配合使用，作为加载动画或者Progressbar, 此外很适合与RecyclerRefreshLayout 配合使用作为刷新的loading 动画。

项目地址：https://github.com/dinuscxj/LoadingDrawable

效果图：

LiquidButton

一个实现液体填充效果的加载提示view

项目地址：https://github.com/yoruriko/LiquidButton

效果图：

MetaballLoading

一个有贝塞尔曲线动画的加载提示框

项目地址：https://github.com/dodola/MetaballLoading

效果图：

CircularProgressView

CircularProgressView是通过自定义view的方式实现的Material风格的加载提示控件,兼容任何版本.

项目地址: https://github.com/rahatarmanahmed/CircularProgressView

效果图:

指示器Indicator

指示器用来提示用户当前操作到了哪一步。

StepView

提示操作步骤的巅峰之作，非常符合我的审美。

项目地址：https://github.com/baoyachi/StepView

效果图：

stepper-indicator

一个和StepView差不多效果的步骤指示器。

项目地址：https://github.com/badoualy/stepper-indicator

效果图：

SpringIndicator

一个切换使用了贝塞尔曲线的indicator，带有粘性的一个指示器，放在引导页下面感觉还不错，但是我很喜欢贝塞尔曲线，所以这个也拿来放在这里，学习用，实际使用我还是会使用上面两个。

项目地址：https://github.com/chenupt/SpringIndicator

效果图：

Bubble-Notification

一个模仿qq未读消息小红点拖动消失效果的控件。这个爆炸的特效非常棒

项目地址：https://github.com/dkmeteor/Bubble-Notification

效果图：

Circular-progress-button

带进度显示的一个button

项目地址: https://github.com/dmytrodanylyk/circular-progress-button

效果图:

实现滑动ViewPager渐变背景色

项目地址：https://github.com/TaurusXi/GuideBackgroundColorAnimation

效果图:

ToggleButton

状态切换的 Button，类似 iOS，用 View 实现

项目地址：https://github.com/zcweng/ToggleButton

效果图:

android-lockpattern

Android的图案密码解锁

项目地址：https://code.google.com/p/android-lockpattern/

Demo地址：https://play.google.com/store/apps/details?id=group.pals.android.lib.ui.lockpattern.demo

文档介绍：https://code.google.com/p/android-lockpattern/wiki/QuickUse

APP示例：Android开机的图案密码解锁，支付宝的密码解锁

效果图:

Titanic

可以显示水位上升下降的TextView

项目地址：https://github.com/RomainPiel/Titanic

效果图:

Pull-to-Refresh.Rentals-Android

提供一个简单可以自定义的下拉刷新实现，Yalantis 出品。

项目地址：https://github.com/Yalantis/Pull-to-Refresh.Rentals-Android

效果图:

Context-Menu.Android

可以方便快速集成漂亮带有动画效果的上下文菜单，Yalantis出品。

项目地址：https://github.com/Yalantis/Context-Menu.Android

效果图:

Side-Menu.Android

分类侧滑菜单，Yalantis 出品。

项目地址：https://github.com/Yalantis/Side-Menu.Android

效果图:

AndroidCustomView

大神写的一个自定义view库, 通过几个很完美的例子来译释自定义view,每个例子都讲解的非常清楚

项目地址: https://github.com/lygttpod/AndroidCustomView

效果图:

仿微信支付宝等风格的支付密码输入框的实现

炫酷的进度条

textview实现打印机逐个显示的效果

水波动画效果多种实现方式

还有很多效果,喜欢的朋友可以看一下

XCL-Charts

这也是大神写的一个开源的图库表,目前支持(3D/非3D,背向式)柱形图(Bar Chart)、3D/非3D饼图(Pie Chart)、堆积图(Stacked Bar Chart)、面积图(Area Chart)、折线图(Line Chart)、曲线图(Spline Chart)、环形图(Dount Chart)、南丁格尔玫瑰图(Rose Chart)、仪表盘(Dial Chart)、刻度盘(Gauge Chart)、雷达图(Radar Chart)、圆形图(Circle Chart)、弧线比较图、散点图(Scatter Chart)、气泡图(Bubble Chart)、范围条形图(RangeBar Chart)、玫瑰风向图(Wind Rose)、象限图(Quadrant chart)、漏斗图(Funnel Chart)等图表。

其它特性还包括手势缩放、图表滑动、点击交互、多图叠加、图表批注、动画效果、多XY轴显示、轴线任意方位显示、动态图例、图表参考线、柱图刻度对齐风格切换、混合图表及同数据源图表类型切换等。

项目地址: https://github.com/xcltapestry/XCL-Charts

这里我就贴一小部分效果图了,喜欢的朋友可以直接去看大神的代码

部分效果图: