优秀自定义控件开源项目推荐:让你的app提升一个档次-Android酷炫自定义控件

Github地址链接:优秀自定义控件开源项目推荐

这是我近期整理的比较酷炫并且我们会经常用到的custom view,也有一些不是custom view,但是也是android UI相关的,实现了酷炫UI效果的开源库,合理利用这些开源库,可以让你的app提升一个档次!总结的项目最后维护时间一般不会超过6个月,会持续更新。所以欢迎来我的Github查看,如果觉的不错,欢迎star。其中大部分控件我也没有真正使用,只是感觉比较酷炫就收集过来了,所以如果描述有误的话,欢迎大家指正!

阅读器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]

效果图:




指示器Indicator

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

StepView

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

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

效果图:





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

效果图:




该开源项目的作者特意给本公众号投了一遍稿,介绍该开源项目,请见


Android 绘制N阶Bezier曲线

Bubble-Notification

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

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

效果图:


DraggableFlagView

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

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

效果图:



BezierDemo

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

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


昨天才开始整理,目前就整理的这么多,这个项目我回持续更新,欢迎在我的Github watch/star。最后欢迎大家讨论。


如果觉得不错,随手点个赞或者分享,或者去我的Github点个star!


关于Java和Android大牛频道

Java和Android大牛频道是一个数万人关注的探讨Java和Android开发的公众号,分享和原创最有价值的干货文章,让你成为这方面的大牛

我们探讨android和Java开发最前沿的技术:android性能优化 ,插件化,动态化,跨平台,动态化,加固和反破解等,也讨论设计模式/软件架构等。由群来自BAT的工程师组成的团队

关注即送红包,回复:“百度” 、“阿里”、“腾讯” 有惊喜!!!关注后可用入微信群。群里都是来自百度阿里腾讯的大牛。

欢迎关注我们,一起讨论技术,扫描和长按下方的二维码可快速关注我们。搜索微信公众号:JANiubility。


公众号:JANiubility

如想加群讨论学习,请关注微信公众号点击右下角的“加群学习”菜单入群。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值