76
XRadarView 一个可高度自定义的雷达图控件
source link: https://juejin.im/post/59d358195188256ada7304a5
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
XRadarView
XRadarView is a "A highly customizable radar view for Android". XRadarView 是一个可高度自定义的雷达图控件。
Lastest Version:
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体验:
原图是掌上英雄联盟中雷达图的截图:
下图是根据XRadarView设置几个属性简单实现的效果图:
如果您有其它效果的雷达图,可以提交Issues欢迎提交各种雷达图样式效果图,我会实现好之后贴出来。
XRadarView 添加以下依赖到项目的 build.gradle 文件:
compile 'com.orzangleli:xradar:1.0.3'复制代码
Enjoy it!:smile:
本项目的技术剖析将从开发到发布库的整个过程进行详细描述,具体文章请关注微信公众号获取最新文章。
License
MIT License
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK