android中实现在ImageView上随意画线涂鸦的方法
程序员文章站
2022-06-19 19:48:36
我实现的思路:
1.继承imageview类
2.重写ontouchevent方法,在action_move(即移动时),记录下所经过的点坐标,在action_up时(...
我实现的思路:
1.继承imageview类
2.重写ontouchevent方法,在action_move(即移动时),记录下所经过的点坐标,在action_up时(即手指离开时,这时一条线已经画完),将所画的线(点的集合)保存在一个集合中
3.重写ondraw方法,利用canvas和所记录下的线和点画出线来
可能我讲的十分笼统,下面来看看实际的代码吧
//代表imageview上的一点 public class viewpoint { float x; float y; } //表示一条线 public class line { arraylist<viewpoint> points = new arraylist<viewpoint>(); }
如上所示,viewpoint表示一点,而line表示一条线
然后在扩展的imageview类上声明如下:
public class handwritingimageview extends imageview { private paint paint; //当前正在画的线 private line current = new line(); //所有画过的线 private arraylist<line> lines = new arraylist<line>(); }
随后重写ontouchevent方法
@override public boolean ontouchevent(motionevent event) { //获取坐标 clickx = event.getx(); clicky = event.gety(); if (event.getaction() == motionevent.action_down) { invalidate(); return true; } else if (event.getaction() == motionevent.action_move) { viewpoint point = new viewpoint(); point.x = clickx; point.y = clicky; //在移动时添加所经过的点 current.points.add(point); invalidate(); return true; } else if (event.getaction() == motionevent.action_up) { //添加画过的线 lines.add(current); current = new line(); invalidate(); } return super.ontouchevent(event); }
可以看到当我们手指移动时,获取保存所经过的点并调用invalidate方法进行屏幕刷新(可以使ondraw方法被调用,稍后可以看到),当我们手指离开时添加之前的所画的线到集合中,并调用invalidate方法
接下来看看所重写的ondraw方法,它利用所保存的线的信息进行画线
@override protected void ondraw(canvas canvas) { super.ondraw(canvas); //画出之前所有的线 for (int i = 0; i < linedata.lines.size(); i++) { drawline(canvas, lines.get(i)); } //画出当前的线 drawline(canvas, current); } private void drawline(canvas canvas, line line) { for (int i = 0; i < line.points.size() - 1; i++) { float x = line.points.get(i).x; float y = line.points.get(i).y; float nextx = line.points.get(i + 1).x; float nexty = line.points.get(i + 1).y; canvas.drawline(x, y, nextx, nexty, paint); } }
这样就可以在imageview上随意涂鸦了,并且还可以通过删除lines中的最后条line来实现撤销功能。
以上这篇android中实现在imageview上随意画线涂鸦的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。