欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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上随意画线涂鸦的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。