前言
上一篇我们通过Listener
获取触控点的位置作为贝塞尔曲线的控制点,实现曲线的交互式绘制。不过,上一篇有个缺陷,控制点绘制完成后只能撤销,没法修改,如果要调整绘制的图形的话会非常麻烦,这一篇我们来实现控制点的拖拽式移动,动态调整位置来调整绘制的图形。
实现逻辑
上一篇的主要代码我们不做更改,主要是需要实现控制点的拖拽式移动,移动过程中动态绘制新的曲线。不过由于绘制过程中不能同时移动点,因此需要有个完成绘制的控制,完成绘制后才支持拖拽控制点。拖拽控制点实现这里有两个主要逻辑:
- 控制点的命中判断:即拖拽开始时判断哪个控制点被命中,需要移动。
- 监听触控位置的移动过程:移动过程中动态绘制新的图形,以便直接看到对应的效果。
控制点的命中判断在完成绘制后,首先需要监听触控按下事件,看看触控点是否覆盖了某个控制点的触控响应范围,同时对于距离较近的点,可能会同时命中多个点的触控响应范围,这个时候需要取距离最近的那个点。对于触控范围,我们定义为每个触控点的周边10个像素点。命中触控点的实现代码如下:
int checkPointToMove(Offset presse