iOS雷达图 iOS RadarChart实现

来源：互联网发布：写小说码字软件编辑：程序博客网时间：2024/04/28 15:18

本文为投稿文章，作者：Two_Seven

实现效果

刚拿到设计稿的时候大概看了一眼，当时心里想着放张背景图，然后计算下相应点的坐标，在最上面画一层就OK了，其实一开始实现的时候也确实是这么做的，然后我就日了狗了，发现设计稿上多层五边形的间隔不是相等的，也就是说继续按照之前的想法进行实现就要计算出每层顶点的坐标，那样的话代码估计会被坐标值霸屏了。好吧，推倒重来。

一层一层的分析这个需求，首先是五边形的绘制，我创建了一个UIBezierPath的category。具体的代码如下,其中第一个方法是用来画各顶点不规律的五边形的，而第二个方法是用来画那几个背景五边形，两个方法中的length都指的的中心点到各顶点的距离,第三个方法则是用来将距离转换成具体坐标。

1
2
3
4
5
6
7
8
<div class="line number9 index8 alt2" style="margin: 0px !important; padding: 0px 0.5em 0px 1em !important; border-radius: 0px !important; border-width: 0px 3px 0px 0px !important; border-right-style: solid !important; border-right-color: rgb(108, 226, 108) !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !�mportan}/3B%2 backgr=u

0 0