XRadarView
更新日志
1.0.5 版本 更新内容
修复Issues 与material design冲突问题。
请注意此版本之后,边界线宽度使用boundaryWidth
指定。
1.0.4版本 更新内容
- 支持圆形轮廓
- 支持区域颜色渐变 以上更新感谢 leixiong033、wl386123298 提出的issue .
属性含义
XRadarView 支持高度自定义,其可调整属性及含义如下表所示。
属性 | 含义 |
---|---|
count | 几边形雷达 |
layerCount | 几层蜘蛛网 |
drawableSize | 图标的大小 |
drawablePadding | 图标和文字间距 |
descPadding | 标题描述与节点间距 |
titleSize | 标题文字大小 |
dataSize | 标题下面的数值的文字大小 |
radarPercent | 雷达图图形占整个空间的比例 |
startColor | 开启渐变色时,圆心处的颜色 |
endColor | 开启渐变色时,外圈处的颜色 |
cobwebColor | 正几边形的网线的颜色 |
lineColor | 圆心与各个顶点连线的颜色 |
dataColor | 数值文本的颜色 |
singleColor | 如果不是多色区域,是单一的颜色 |
titleColor | 标题文本的颜色 |
pointColor | 圆点颜色 |
pointRadius | 圆点半径大小 |
borderColor | 边界线颜色 |
boundaryWidth | 边界线的宽度 |
radiusColor | 半径线的颜色 |
enabledBorder | 是否画边界线 |
enabledAnimation | 是否开启动画 |
enabledShowPoint | 是否显示圆点 |
enabledPolygon | 是否绘制网格 |
enabledShade | 是否绘制渐变环 |
enabledRadius | 是否绘制半径 |
enabledText | 是否绘制文本 |
drawables | 各项图标组成的数组 |
titles | 标题数组(支持SpannableString) |
percents | 各项的值数组(转换成0-1之间的数值) |
values | 值的文本数组 |
colors | 多色区域时,每个区域的颜色数组(数组长度可以小于count) |
enabledRegionShader | 是否允许区域颜色渐变 |
isCircle | 区域轮廓是否为圆形 |
Demo中展示的XRadarView的全面功能(gif很大,github显示不完整已分割成3个Gif,建议查看Gif原图):
你也可以下载本项目的apk体验:
实战
原图是掌上英雄联盟中雷达图的截图:
下图是根据XRadarView设置几个属性简单实现的效果图:
如果您有其它效果的雷达图,可以提交Issues欢迎提交各种雷达图样式效果图,我会实现好之后贴出来。
如何使用
XRadarView 添加以下依赖到项目的 build.gradle 文件:
compile 'com.orzangleli:xradar:1.0.4'
Enjoy it!
技术剖析
本项目的技术剖析将从开发到发布库的整个过程进行详细描述,具体文章请关注微信公众号获取最新文章。
License
MIT License
Todo
- 支持旋转角度
- 支持自定义标题与雷达图距离