前言:
进度条常见的样式, 目前暂时没看到比较好用的框架, 或者说不好在原有的基础上扩展, 本框架的成员变量和方法几乎都是用protected 和 public, 给用户随便扩展.
Github地址: https://github.com/liys666666/LProgressView
先上效果图---常见样式
总体效果.gif
结构图.png
一. 导入框架
//项目根目录下 build.gradle
allprojects {
repositories {
...
maven { url 'https://jitpack.io' } //添加
}
}
//app目录下 build.gradle
dependencies {
implementation 'com.github.liys666666:LProgressView:V1.0.82' //添加
}
//xml布局中
<com.liys.view.LineProView
....
app:progress_value = "50"/>
<com.liys.view.LineCentreProView
.... />
<com.liys.view.LineBottomProView
.... />
<com.liys.view.ArcProView
.... />
<com.liys.view.WaterWaveProView
.... />
二. 所有属性
1. LineProView
LineProView.png
//公共属性
<attr name="progress_max" format="integer"/> //总数
<attr name="progress_value" format="integer"/> //进度
<attr name="progress_size" format="dimension"/> //进度条 大小
<attr name="progress_color" format="color"/> //进度条 颜色
<attr name="progress_color_background" format="color"/> //进度条背景颜色
<attr name="text_size" format="dimension"/> //文字大小
<attr name="text_color" format="color"/> //文字颜色
<attr name="text_show" format="boolean"/> //是否显示文字
<attr name="text_decimal_num" format="integer"/> //保留多少位小数
<attr name="light_color" format="color"/> //发光颜色
<attr name="light_show" format="boolean"/> //是否需要发光
<attr name="stroke_color" format="color"/> //边框颜色
<attr name="stroke_width" format="dimension"/> //边框大小
<attr name="stroke_show" format="boolean"/> //是否需要边框
<!--line进度条特有-->
<attr name="radius" format="dimension"/> //圆角
<attr name="left_top_radius" format="dimension"/>
<attr name="left_bottom_radius" format="dimension"/>
<attr name="right_top_radius" format="dimension"/>
<attr name="right_bottom_radius" format="dimension"/>
<attr name="progress_radius" format="dimension"/> //进度条 前进方向圆角
2. LineCentreProView
LineCentreProView.png
<!-- 公共属性 -->
<attr name="progress_max" format="integer"/> //总数
<attr name="progress_value" format="integer"/> //进度
<attr name="progress_size" format="dimension"/> //进度条 大小
<attr name="progress_color" format="color"/> //进度条 颜色
<attr name="progress_color_background" format="color"/> //进度条背景颜色
<attr name="text_size" format="dimension"/> //文字大小
<attr name="text_color" format="color"/> //文字颜色
<attr name="text_show" format="boolean"/> //是否显示文字
<attr name="text_decimal_num" format="integer"/> //保留多少位小数
<attr name="light_color" format="color"/> //发光颜色
<attr name="light_show" format="boolean"/> //是否需要发光
<attr name="stroke_color" format="color"/> //边框颜色
<attr name="stroke_width" format="dimension"/> //边框大小
<attr name="stroke_show" format="boolean"/> //是否需要边框
<!--line进度条特有-->
<attr name="radius" format="dimension"/>
<attr name="left_top_radius" format="dimension"/>
<attr name="left_bottom_radius" format="dimension"/>
<attr name="right_top_radius" format="dimension"/>
<attr name="right_bottom_radius" format="dimension"/>
<attr name="progress_radius" format="dimension"/> //进度条 前进方向圆角
<attr name="box_width" format="dimension"/> //方框宽度
<attr name="box_radius" format="dimension"/> //方框圆角
3. LineBottomProView
LineBottomProView.png
<attr name="progress_max" format="integer"/> //总数
<attr name="progress_value" format="integer"/> //进度
<attr name="progress_size" format="dimension"/> //进度条 大小
<attr name="progress_color" format="color"/> //进度条 颜色
<attr name="progress_color_background" format="color"/> //进度条背景颜色
<attr name="text_size" format="dimension"/> //文字大小
<attr name="text_color" format="color"/> //文字颜色
<attr name="text_show" format="boolean"/> //是否显示文字
<attr name="text_decimal_num" format="integer"/> //保留多少位小数
<attr name="light_color" format="color"/> //发光颜色
<attr name="light_show" format="boolean"/> //是否需要发光
<!--圆角半径-->
<attr name="radius" format="dimension"/> //圆角
<attr name="box_width" format="dimension"/> //方框--宽度
<attr name="box_height" format="dimension"/> //方框--高度
<attr name="box_radius" format="dimension"/> //方框--圆角
4. ArcProView
ArcProView.png
<attr name="progress_max" format="integer"/> //总数
<attr name="progress_value" format="integer"/> //进度
<attr name="progress_size" format="dimension"/> //进度条 大小
<attr name="progress_color" format="color"/> //进度条 颜色
<attr name="progress_color_background" format="color"/> //进度条背景颜色
<attr name="text_size" format="dimension"/> //文字大小
<attr name="text_color" format="color"/> //文字颜色
<attr name="text_show" format="boolean"/> //是否显示文字
<attr name="text_decimal_num" format="integer"/> //保留多少位小数
<attr name="light_color" format="color"/> //发光颜色
<attr name="light_show" format="boolean"/> //是否需要发光
<attr name="arc_start_angle" format="integer"/> //开始角度
<attr name="arc_draw_angle" format="integer"/> //需要绘制的角度
5. WaterWaveProView
WaterWaveProView.png
<attr name="progress_max" format="integer"/> //总数
<attr name="progress_value" format="integer"/> //进度
<attr name="progress_size" format="dimension"/> //进度条 大小
<attr name="progress_color" format="color"/> //进度条 颜色
<attr name="progress_color_background" format="color"/> //进度条背景颜色
<attr name="text_size" format="dimension"/> //文字大小
<attr name="text_color" format="color"/> //文字颜色
<attr name="text_show" format="boolean"/> //是否显示文字
<attr name="text_decimal_num" format="integer"/> //保留多少位小数
<attr name="light_color" format="color"/> //发光颜色
<attr name="light_show" format="boolean"/> //是否需要发光
<attr name="stroke_color" format="color"/> //边框颜色
<attr name="stroke_width" format="dimension"/> //边框大小
<attr name="stroke_show" format="boolean"/> //是否需要边框
<attr name="water_wave_width" format="dimension"/> // 水波长
<attr name="water_wave_height" format="dimension"/> //水波高度
<attr name="water_wave_speed" format="integer"/> //水波--速度
三. 总结
1. 这里没有渐变属性, 如果需要, 可参考每个ProView对应的详细文章.
2. 使用简介, 学习成本低, 属性一查即可知道
3. 支持用户在原有的基础扩展和修改, 每个成员变量几乎都有set和get方法.
① 例如: 对于画笔Paint可以用对应get方法取出, 然后设置对应的属性.
② 例如: 继承对应的View, 重写对应的方法进行覆盖.
如有问题和建议, 欢迎在评论区指出, 如果此框架对你有用, 欢迎点赞收藏
