自定义View学习笔记2 path 操作

一.Path常用方法表

自定义View学习笔记2 path 操作_第1张图片

自定义View学习笔记2 path 操作_第2张图片


自定义View学习笔记2 path 操作_第3张图片


在进行正余弦计算的时候,必须要把角度转换为弧度: 

公式:  自定义View学习笔记2 path 操作_第4张图片

例子:

自定义View学习笔记2 path 操作_第5张图片


绘制一个雷达图:  参考思路:https://blog.csdn.net/crazy__chen/article/details/50163693

自己实现步骤(实现效果-- 自定义得设置未写)

自定义View学习笔记2 path 操作_第6张图片

第一次利用path 画图, 遇到得小问题:  计算正余弦的时候,未转为弧度,就直接计算,导致得出的结果是错误的, (因为角度是60进位, 弧度是10进位的)所以以后进行正余弦,正余切的计算时应该先转换为弧度再求值;

具体实现步骤--- 思路: 第一次绘制 没有思路 ,不知道如何下手,然后想到把问题分解开来,一步步尝试去画,果然画着划着就有了思路,  所以,遇到问题不知道从何而解的时候,不要被吓到,先从简单的自己能做的开始做,等做下来,就会发现其实问题并没有看着那么困难! 怕的是遇到问题,被吓到,无所作为!! 

step1 经过分析,其实图很简单, 有几个部分组成: 正六边形 + 文字 + 覆盖区域 + 从中心点向各个角度的连线 , 

我就先画一个正六边形,然后缩短半径 画出不同半径的正六边形就可以了 (就是计算各个角的坐标时,遇到了问题,没有转换角度为弧度去计算 ,然后反复的debug 才找到原因(原谅我很菜  )

自定义View学习笔记2 path 操作_第7张图片

绘制连接各个角的直线 (实际项目中 需要计算文字所在的象限,以处理让文字的偏移,防止文字显示到雷达图上

自定义View学习笔记2 path 操作_第8张图片

绘制覆盖区域: 

自定义View学习笔记2 path 操作_第9张图片


你可能感兴趣的:(自定义View学习笔记2 path 操作)