热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

android应用的颜值,酷炫UI组件汇总

views项目地址:madongqiang2201views简介:提高android应用的颜值,酷炫UI组件汇总这是我近期整理的比较酷炫并且我们会经常用到的customview,也有一些

views

项目地址:madongqiang2201/views

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 上实现了类似功能。

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

效果图:

加载动态图

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

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

效果图:

FabricView

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

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

效果图:

 

SimpleTagImageView

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

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

效果图:

 

MovingImageView

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

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

效果图:

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

效果图:

Bubble-Notification

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

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

效果图:

DraggableFlagView

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

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

效果图:

BezierDemo

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

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


推荐阅读
author-avatar
手机用户2502929291_707
这个家伙很懒,什么也没留下!
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有