android中如何实现在ImageView上随意画线涂鸦-创新互联

这篇文章主要介绍了android中如何实现在ImageView上随意画线涂鸦，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联建站坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站设计、成都网站设计、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的田林网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

我实现的思路：

1.继承ImageView类

2.重写onTouchEvent方法，在ACTION_MOVE（即移动时），记录下所经过的点坐标，在ACTION_UP时(即手指离开时，这时一条线已经画完)，将所画的线（点的集合）保存在一个集合中

3.重写onDraw方法，利用canvas和所记录下的线和点画出线来

可能我讲的十分笼统，下面来看看实际的代码吧

//代表ImageView上的一点
public class ViewPoint
{
　　float x;
　　float y;
}

//表示一条线
public class Line
{
　　ArrayList points = new ArrayList(); 
}

如上所示，ViewPoint表示一点，而Line表示一条线

然后在扩展的ImageView类上声明如下：

public class HandWritingImageView extends ImageView
{
　　private Paint paint;

　　//当前正在画的线
　　private Line current = new Line();
 //所有画过的线
　　private ArrayList lines = new ArrayList(); 
}

随后重写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上随意画线涂鸦”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!

网页题目：android中如何实现在ImageView上随意画线涂鸦-创新互联
本文URL：http://cdkjz.cn/article/csjiij.html