常用的炫酷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 

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

部分效果图:   



SwipeDelMenuLayout

一步集成侧滑(删除)菜单,高仿QQ、IOS。史上最简单

项目地址: https://github.com/mcxtzhang/SwipeDelMenuViewGroup

效果图:   


多重水波纹 - MultiWaveHeader

MultiWaveHeader 是一个可以高度定制每个波形的Android水波控件。

功能特点 :

支持调节进度.

支持调节速度.

支持设置方向(上下).

支持设置水波的数量(无上限).

支持精确定义水波的参数(偏移、拉伸、原始速度).

支持设置颜色渐变和改变渐变方向.

项目地址: https://github.com/scwang90/MultiWaveHeader

效果图:


就先整理这些了,后续有机会还会继续更新的,希望大家多多支持,谢谢,哈哈哈哈!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,783评论 5 472
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,396评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,834评论 0 333
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,036评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,035评论 5 362
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,242评论 1 278
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,727评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,376评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,508评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,415评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,463评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,140评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,734评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,809评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,028评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,521评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,119评论 2 341