阅读 1934

XRadarView 一个可高度自定义的雷达图控件

XRadarView

XRadarView is a "A highly customizable radar view for Android". XRadarView 是一个可高度自定义的雷达图控件。

Lastest Version:

Download
Download

属性含义

XRadarView 支持高度自定义,其可调整属性及含义如下表所示。

属性 含义
count 几边形雷达
layerCount 几层蜘蛛网
drawableSize 图标的大小
drawablePadding 图标和文字间距
descPadding 标题描述与节点间距
titleSize 标题文字大小
dataSize 标题下面的数值的文字大小
radarPercent 雷达图图形占整个空间的比例
startColor 开启渐变色时,圆心处的颜色
endColor 开启渐变色时,外圈处的颜色
cobwebColor 正几边形的网线的颜色
lineColor 圆心与各个顶点连线的颜色
dataColor 数值文本的颜色
singleColor 如果不是多色区域,是单一的颜色
titleColor 标题文本的颜色
pointColor 圆点颜色
pointRadius 圆点半径大小
borderColor 边界线颜色
borderWidth 边界线的宽度
radiusColor 半径线的颜色
enabledBorder 是否画边界线
enabledAnimation 是否开启动画
enabledShowPoint 是否显示圆点
enabledPolygon 是否绘制网格
enabledShade 是否绘制渐变环
enabledRadius 是否绘制半径
enabledText 是否绘制文本
drawables 各项图标组成的数组
titles 标题数组(支持SpannableString)
percents 各项的值数组(转换成0-1之间的数值)
values 值的文本数组
colors 多色区域时,每个区域的颜色数组(数组长度可以小于count)

Demo中展示的XRadarView的全面功能(gif很大,github显示不完整,建议查看Gif原图):

你也可以下载本项目的apk体验:

app-debug.apk

实战

原图是掌上英雄联盟中雷达图的截图:

下图是根据XRadarView设置几个属性简单实现的效果图:

如果您有其它效果的雷达图,可以提交Issues欢迎提交各种雷达图样式效果图,我会实现好之后贴出来。

如何使用

Download
Download

XRadarView 添加以下依赖到项目的 build.gradle 文件:

compile 'com.orzangleli:xradar:1.0.3'复制代码

Enjoy it!:smile:

技术剖析

本项目的技术剖析将从开发到发布库的整个过程进行详细描述,具体文章请关注微信公众号获取最新文章。

License

MIT License

关注下面的标签,发现更多相似文章
评论