polygonsview

Introduction: Android 蜘蛛网格图
More: Author   ReportBugs   
Tags:
模仿掌上英雄联盟能力分析效果-蜘蛛网效果-

Travis Twitter Travis

模仿掌上英雄联盟能力分析效果
正在学习自定义 View 的同学,可以看看源码,希望对你们有帮助!
如果你觉得还不错,可以给个 star,支持下,谢谢了!

原始图效果

这里写图片描述

模仿效果


gif

gif


png

这里写图片描述



流程

  1. 绘制中心线,用于计算外层多边形各点的坐标
  2. 绘制最外层多边形
  3. 分析原型图算出每个多边形之间的间距
  4. 绘制里三层多边形
  5. 绘制字体
  6. 根据进度值绘制等级进度
<br>

难点

关键在于坐标的计算(三角函数的运用,哈哈),与旋转角度的掌控。


Attributes

name format description
setStr String[] 设置提示字体(长度必须为 7 位,从中上开始顺时针方向)
setStrColor color 设置字体颜色
setOneColor color 设置最外层正多形颜色
setTwoColor color 设置第二层正多形颜色
setThreeColor color 设置第三层多边形颜色
setFourColor color 设置最内层多边形颜色
setCenterColor color 设置中心线颜色
setRankColor color 设置 rank 线颜色
setValue1 float(0~4) 设置 rank 值 1 (从中上开始顺时针方向)
setValue2 float(0~4) 设置 rank 值 2
setValue3 float(0~4) 设置 rank 值 3
setValue4 float(0~4) 设置 rank 值 4
setValue5 float(0~4) 设置 rank 值 5
setValue6 float(0~4) 设置 rank 值 6
setValue7 float(0~4) 设置 rank 值 7


Doc

http://blog.csdn.net/as7210636/article/details/52692102

阅读推荐

1.开源一个自己去年写的基于 Xmpp 协议的即时通讯社交软件 (客户端+服务端)
https://github.com/jiangzehui/xmpp

2.此项目基于 Retrotfit2.1+Material Design+ijkplayer 开发的一个 APP。目前已有的功能是 新闻,gif 动图,视频播放
https://github.com/jiangzehui/MD

About me

An android little developer in HeBei.
If you have any suggestions, let me know.
email:jianghui1992@vip.qq.com


License

Copyright 2016 jiangzehui

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

Apps
About Me
GitHub: Trinea
Facebook: Dev Tools