安利一波androidView视觉开源控件 每个都值得学习哦【简
2017-02-14 本文已影响2966人
香脆的大鸡排
安利一波androidView视觉开源控件 每个都值得学习哦【简单说】
啊哈!情人节又到了.简直是虐狗节好不好?

要想生活过得去,还得多学新东西.老铁没毛病! 下面我们就发车吧!!!

本篇包含了那些?
ZuiMeiTAG
用recyclerView实现最美应用底栏 效果如下图.
作者的简书说明地址是:http://www.jianshu.com/p/7202416974f6

ToDoList
平滑的To-Do List添加,删除和排序动画效果。

FloatingView
能够让View执行漂亮的漂浮动画的库。

CouponView
半圆锯齿背景虚线边框组合实现简单优惠券效果
简书地址:http://www.jianshu.com/p/b27d0f9b3856

支持属性
自定义属性 | 格式 | 说明 |
---|---|---|
cv_dash_line_color | color | 虚线的颜色 |
cv_dash_line_gap | dimension | 虚线的间隔 |
cv_dash_line_height | dimension | 虚线的高度 |
cv_dash_line_length | dimension | 虚线的长度 |
cv_semicircle_color | color | 半圆的颜色,一般需要和背景色一致 |
cv_semicircle_gap | dimension | 半圆之前的间隔 |
cv_semicircle_radius | dimension | 半圆的半径 |
cv_is_semicircle_top | boolean | 是否绘制顶部半圆锯齿 |
cv_is_semicircle_bottom | boolean | 是否绘制底部半圆锯齿 |
cv_is_semicircle_left | boolean | 是否绘制左侧半圆锯齿 |
cv_is_semicircle_right | boolean | 是否绘制右侧半圆锯齿 |
cv_is_dash_line_top | boolean | 是否绘制顶部虚线 |
cv_is_dash_line_bottom | boolean | 是否绘制底部虚线 |
cv_is_dash_line_left | boolean | 是否绘制左侧虚线 |
cv_is_dash_line_right | boolean | 是否绘制右侧虚线 |
cv_dash_line_margin_top | dimension | 顶部虚线距离View顶部的距离 |
cv_dash_line_margin_bottom | dimension | 底部虚线距离View底部的距离 |
cv_dash_line_margin_left | dimension | 左侧虚线距离View左侧的距离 |
cv_dash_line_margin_right | dimension | 右侧虚线距离View右侧的距离 |
FiftyShadesOf
一个android加载View模糊loding效果,优点类似Facebook的加载

CircularAnim
Android水波动画帮助类,一行代码实现View显示/隐藏/startActivity特效。(对 ViewAnimationUtils.createCircularReveal() 方法的封装)


使用说明
为了使用起来简单,我将动画封装成CircularAnimUtil.
- 现在,让按钮收缩只需一行代码,如下:
CircularAnimUtil.hide(mChangeBtn);
- 同理,让按钮伸展开:
CircularAnimUtil.show(mChangeBtn);
- 水波般铺满指定颜色并启动一个Activity:
CircularAnimUtil.startActivity(MainActivity.this, EmptyActivity.class, view, R.color.colorPrimary);
- 这里,你还可以放图片:
CircularAnimUtil.startActivity(MainActivity.this, EmptyActivity.class, view, R.mipmap.img_huoer_black);
- 也许在显示或隐藏视图时,你想要设置半径和时长,你可以调用这个方法:
显示:show(View myView, float startRadius, long durationMills)
隐藏:hide(final View myView, float endRadius, long durationMills)
- 以及,你可以在startActivity时带上Intent:
startActivity(Activity thisActivity, Intent intent, View triggerView, int colorOrImageRes)
- 还可以startActivityForResult:
startActivityForResult(Activity thisActivity, Intent intent, Integer requestCode, View triggerView, int colorOrImageRes)
同理,startActivity同样可以设置时长。
用起来非常的方便,一切逻辑性的东西都由帮助类搞定。
XyzInfo
自定义Switch 和 Ruler控件

介绍
xSwitch | xRuler |
---|---|
支持背与滑块颜色自定义 | 支持两种显示模式 |
支持颜色过渡动画 | 支持上下两种刻度 |
支持自定义圆角弧度 | 支持自定义指示器颜色大小 |
支持自定义宽高比 | 支持自定义刻度之间像素数目(间距) |
支持自定义滑块与背景大小比例 | 支持自定义刻度线宽度 |
支持自定义图片(建议灰色)以及大小 | 支持自定义刻度基本单位(最小刻度单位) |
支持自定义滑动时间 | 支持自定义起止范围 |
支持自定义字体颜色大小 | |
支持自定义最小滑动速率 | |
支持自定义刻度与文字之间距离 | |
支持边界回弹动画 | |
支持Fling滑动 | |
支持设置默认值 | |
支持自定义设置回弹动画基本时间 |
属性介绍
属性 | 介绍 | 类型 | 默认 | 是否必须 |
---|---|---|---|---|
xRadian | 圆角弧度 | dimension | 45 | 否 |
xASPECTRATIO | 宽高比 | float | 0.37f | 否 |
xASPEERRATIO | 滑块与背景宽度比 | float | 0.56f | 否 |
xIconWidth | 图片宽度 | dimension | 80 | 否 |
xIconHeight | 图片高度 | dimension | 80 | 否 |
xBackgroundFromColor | 背景起始颜色 | color | 0xff443c6f | 否 |
xBackgroundToColor | 背景终止颜色 | color | 0xffff5a73 | 否 |
xSliderFromColor | 滑块起始颜色 | color | 0xffff5a73 | 否 |
xSliderToColor | 滑块终止颜色 | color | 0xff443c6f | 否 |
xChangedTime | 滑块滑动时间 | int | 300 | 否 |
xLeftIcon | 左侧图片 | reference | null | 是 |
xRightIcon | 右侧图片 | reference | null | 是 |
compile 'com.xyz.xruler:xruler:1.0.3'
看完了不得劲?
另外还有两篇简单说哦:
2017Android开发你必须要掌握的热门开源框架 【简单说】
别找了啦,俺都藏在这里 Material Design控件军火库集合 【简单说】
如何下次找到我?
- 关注我的简书
- 本篇同步Github仓库:https://github.com/BolexLiu/DevNote (可以关注)