Skip to content

hust201010701/XRadarView

Repository files navigation

XRadarView

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

Lastest Version:
Download

更新日志

1.0.5 版本 更新内容

修复Issues 与material design冲突问题。

请注意此版本之后,边界线宽度使用boundaryWidth指定。

1.0.4版本 更新内容

  1. 支持圆形轮廓
  2. 支持区域颜色渐变 以上更新感谢 leixiong033wl386123298 提出的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体验:

app-debug.apk

实战

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

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

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

如何使用

Download

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

compile 'com.orzangleli:xradar:1.0.4'

Enjoy it!:smile:

技术剖析

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

License

MIT License

Todo

  1. 支持旋转角度
  2. 支持自定义标题与雷达图距离

Releases

No releases published

Packages

No packages published

Languages