android中如何實(shí)現(xiàn)在ImageView上隨意畫線涂鴉

這篇文章主要介紹了android中如何實(shí)現(xiàn)在ImageView上隨意畫線涂鴉，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

我實(shí)現(xiàn)的思路：

1.繼承ImageView類

2.重寫onTouchEvent方法，在ACTION_MOVE（即移動(dòng)時(shí)），記錄下所經(jīng)過(guò)的點(diǎn)坐標(biāo)，在ACTION_UP時(shí)(即手指離開(kāi)時(shí)，這時(shí)一條線已經(jīng)畫完)，將所畫的線（點(diǎn)的集合）保存在一個(gè)集合中

3.重寫onDraw方法，利用canvas和所記錄下的線和點(diǎn)畫出線來(lái)

可能我講的十分籠統(tǒng)，下面來(lái)看看實(shí)際的代碼吧

//代表ImageView上的一點(diǎn)
public class ViewPoint
{
　　float x;
　　float y;
}

//表示一條線
public class Line
{
　　ArrayList<ViewPoint> points = new ArrayList<ViewPoint>(); 
}

如上所示，ViewPoint表示一點(diǎn)，而Line表示一條線

然后在擴(kuò)展的ImageView類上聲明如下：

public class HandWritingImageView extends ImageView
{
　　private Paint paint;

　　//當(dāng)前正在畫的線
　　private Line current = new Line();
 //所有畫過(guò)的線
　　private ArrayList<Line> lines = new ArrayList<Line>(); 
}

隨后重寫onTouchEvent方法

@Override
 public boolean onTouchEvent(MotionEvent event)
 { 
 //獲取坐標(biāo)
 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;
  //在移動(dòng)時(shí)添加所經(jīng)過(guò)的點(diǎn)
  current.points.add(point);

  invalidate();
  return true;
 }
 else if (event.getAction() == MotionEvent.ACTION_UP) 
 { 
  //添加畫過(guò)的線
  lines.add(current);
  current = new Line();
   
  invalidate();
 }
 
 return super.onTouchEvent(event);
 }

可以看到當(dāng)我們手指移動(dòng)時(shí)，獲取保存所經(jīng)過(guò)的點(diǎn)并調(diào)用invalidate方法進(jìn)行屏幕刷新（可以使onDraw方法被調(diào)用，稍后可以看到），當(dāng)我們手指離開(kāi)時(shí)添加之前的所畫的線到集合中，并調(diào)用invalidate方法

接下來(lái)看看所重寫的onDraw方法，它利用所保存的線的信息進(jìn)行畫線

@Override 
 protected void onDraw(Canvas canvas) 
 { 
 super.onDraw(canvas);
 //畫出之前所有的線
 for (int i = 0; i < lineData.lines.size(); i++)
 {
  drawLine(canvas, lines.get(i));
 }
  
 //畫出當(dāng)前的線
 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上隨意涂鴉了，并且還可以通過(guò)刪除lines中的最后條line來(lái)實(shí)現(xiàn)撤銷功能。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“android中如何實(shí)現(xiàn)在ImageView上隨意畫線涂鴉”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!