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 { ArrayListpoints = new ArrayList (); }
如上所示,ViewPoint表示一点,而Line表示一条线
然后在扩展的ImageView类上声明如下:
public class HandWritingImageView extends ImageView { private Paint paint; //当前正在画的线 private Line current = new Line(); //所有画过的线 private ArrayListlines = 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上随意画线涂鸦
标题网址:http://hbruida.cn/article/iisssp.html