android中实现在ImageView上随意画线涂鸦的方法

所属分类: 软件编程 / Android 阅读数: 44
收藏 0 赞 0 分享

我实现的思路:

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

更多精彩内容其他人还在看

使用ViewPager实现android软件使用向导功能实现步骤

现在的大部分android软件,都是使用说明,就是第一次使用该软件时,会出现向导,可以左右滑动,然后就进入应用的主界面了,下面我们就实现这个功能
收藏 0 赞 0 分享

android在异步任务中关闭Cursor的代码方法

android在异步任务中如何关闭Cursor?在我们开发应用的时候,很多时候会遇到这种问题,下面我们就看看代码如何实现
收藏 0 赞 0 分享

Android自定义桌面功能代码实现

android自定义桌面其实很简单,看一个例子就明白了
收藏 0 赞 0 分享

android将图片转换存到数据库再从数据库读取转换成图片实现代码

有时候我们想把图片存入到数据库中,尽管这不是一种明智的选择,但有时候还是不得以会用到,下面说说将图片转换成byte[]数组存入到数据库中去,并从数据库中取出来转换成图像显示出来
收藏 0 赞 0 分享

TextView显示系统时间(时钟功能带秒针变化

用System.currentTimeMillis()可以获取系统当前的时间,我们可以开启一个线程,然后通过handler发消息,来实时的更新TextView上显示的系统时间,可以做一个时钟的功能
收藏 0 赞 0 分享

Android用ListView显示SDCard文件列表的小例子

本文简单实现了用ListView显示SDCard文件列表,目录的回退等功能暂不讨论,获取文件列表,files即为所选择目录下的所有文件列表
收藏 0 赞 0 分享

Android拦截外拨电话程序示例

这篇文章主要介绍了Android拦截外拨电话的示例,大家参考使用吧
收藏 0 赞 0 分享

通过Html网页调用本地安卓(android)app程序代码

如何使用html网页和本地app进行传递数据呢?经过研究,发现还是有方法的,总结了一下,大致有一下几种方式
收藏 0 赞 0 分享

android Textview文字监控(Textview使用方法)

以手机号充值为例,当用户输入最后一位数时候,进行汇率的变换,本文就实现类似这样的功能
收藏 0 赞 0 分享

Android ListView长按弹出菜单二种实现方式示例

这篇文章主要介绍了Android ListView长按弹出菜单的方法,大家参考实现
收藏 0 赞 0 分享
查看更多