【0085】【知识积累】-【Android酷炫实用的开源框架（UI框架）】

1.链接地址：http://blog.csdn.net/fancylovejava/article/details/45787729

1.Side-Menu.Android

分类侧滑菜单，Yalantis 出品。

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

2.Context-Menu.Android

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

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

3.Pull-to-Refresh.Rentals-Android

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

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

4.Titanic

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

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

5.AndroidSwipeLayout

滑动Layout，支持单个View，ListView，GridView

项目地址：https://github.com/daimajia/AndroidSwipeLayout

Demo地址：Download Demo

6.Android Typeface Helper

可以帮你轻松实现自定义字体的库

项目地址：https://github.com/norbsoft/android-typeface-helper

7.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开机的图案密码解锁，支付宝的密码解锁

8.ToggleButton

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

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

9.WilliamChart

绘制图表的库，支持LineChartView、BarChartView和StackBarChartView三中图表类型，并且支持 Android 2.2及以上的系统。

项目地址：https://github.com/diogobernardino/WilliamChart

Demo地址：https://play.google.com/store/apps/details?id=com.db.williamchartdemo

Demo项目：https://github.com/diogobernardino/WilliamChart/tree/master/sample

10.实现滑动ViewPager渐变背景色

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

11.Euclid

用户简历界面，Yalantis 出品。

项目地址：https://github.com/Yalantis/Euclid

12.InstaMaterial

Instagram的一组Material 风格的概念设计

项目地址：https://github.com/frogermcs/InstaMaterial

13.SpringIndicator

使用bezier实现粘连效果的页面指示

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

14.BezierDemo

仿qq消息气泡拖拽消失的效果。

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

15.FoldableLayout

折叠的信纸被打开一样的动画效果

项目地址：https://github.com/alexvasilkov/FoldableLayout

16.Taurus

下拉刷新，Yalantis 出品。（是不是有点似曾相识呢？）

项目地址：https://github.com/Yalantis/Taurus

17.PersistentSearch

在点击搜索的时候控件在原有位置显示输入框。

项目地址：https://github.com/Quinny898/PersistentSearch

18.circular-progress-button

带进度显示的Button

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

19.discrollview

当上下滚动的时候子元素会呈现不同动画效果的scrollView，网页上称之为：视差滚动

项目地址： https://github.com/flavienlaurent/discrollview

20.sweet-alert-dialog

一个带动画效果的自定义对话框样式

项目地址：https://github.com/pedant/sweet-alert-dialog

21.android-floating-action-button

Material Desig风格的浮动操作按钮

项目地址：https://github.com/futuresimple/android-floating-action-button

22.android-collapse-calendar-view

可以在月视图与周视图之间切换的calendar控件

项目地址：https://github.com/blazsolar/android-collapse-calendar-view

23.NumberProgressBar

个简约性感的数字进度条

项目地址：https://github.com/daimajia/NumberProgressBar

24.CircularProgressView

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

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

25.OriSim3D-Android

opengl 实现了各种折纸效果，模拟了从一张纸折叠成一条船的整个过程

项目地址： https://github.com/RemiKoutcherawy/OriSim3D-Android

阅读器Read View

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

CodeView

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

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

效果图：

AndroidPdfViewer

一个android版本的PDF阅读渲染器，可以用来阅读PDF文档。

项目地址：https://github.com/barteksc/AndroidPdfViewer

效果图：

RichText

Android平台下的富文本解析器，支持HTML和Markdown。

项目地址：https://github.com/zzhoujay/RichText

效果图：

MarkdownView-Android

MarkdownView-Android是一个可以加载markdown或者普通文件并显示成html格式。

项目地址：https://github.com/mukeshsolanki/MarkdownView-Android

效果图：

产品介绍页Introduction

这里主要介绍几种常见的产品引导介绍方式。

GuideView

GuideView是一个遮罩式的导航页，能够快速为任何一个View创建一个遮罩层，支持单个页面，多个引导提示，支持为高亮区域设置不同的图形，支持引导动画，方便扩展。

项目地址：https://github.com/binIoter/GuideView

效果图：

ShowcaseView

一个通过局部高亮达到突出重点，实现引导效果的控件。

项目地址：https://github.com/amlcurran/ShowcaseView

效果图：

Holo	"New style"	Material
Holo style showcaseview	new style showcaseview	Material style showcaseview

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

效果图：

加载框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

效果图：

LoadingView

哈哈，不多说，主要看动效，好看最重要。

项目地址：https://github.com/ldoublem/LoadingView

效果图：

MetaballLoading

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

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

效果图：

提示框Dialog

提示框通常没有加载框那么酷炫的动效，一般以简洁为主要风格。

material-dialogs

一个简单易用的material风格的dialog

项目地址：https://github.com/afollestad/material-dialogs

效果图：

sweet-alert-dialog

这个项目最后维护时间是两年前，现在可能都没人维护了，但是实现的效果还是挺好的

项目地址：[https://github.com/pedant/sweet-alert-dialog]](https://github.com/pedant/sweet-alert-dialog])

效果图：

指示器Indicator

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

StepView

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

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

效果图：

</img>

stepper-indicator

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

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

效果图：

SpringIndicator

一个切换使用了贝塞尔曲线的indicator，说实话作者给的示例图很丑，我不是很喜欢，但是我很喜欢贝塞尔曲线，所以这个也拿来放在这里，学习用，实际使用我还是会使用上面两个。

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

效果图：

贝塞尔曲线

贝塞尔曲线，原来不知道是什么东西，后来发现这个东西太神奇了，很多地方都有用，类似QQ未读消息，拖动消失那个效果，拖动到断裂之前，就是二阶贝塞尔曲线的效果，小面汇总了一个演示1-7阶贝塞尔曲线形成动画的库，和三个使用二阶贝塞尔曲线实现类似qq未读消息小红点拖动消失效果的控件。

BezierMaker

这个开源库演示了1-7阶贝塞尔曲线的形成过程，让我们直观的看到1-7阶贝塞尔曲线的形成动画，相当牛逼

项目地址：https://github.com/venshine/BezierMaker

效果图：

Bubble-Notification

一个模仿qq未读消息小红点拖动消失效果的控件。

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

效果图：

DraggableFlagView

另一个模仿qq未读消息小红点拖动消失效果的控件。

项目地址：https://github.com/wangjiegulu/DraggableFlagView

效果图：

BezierDemo

又一个模仿qq未读消息小红点拖动消失效果的控件。

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

效果图：

作者：小马哥Mark

链接：https://www.jianshu.com/p/356619fe64d5

來源：简书

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。