Android应用开发入门（七十）使用Canvas在ImageView上画图并保存(2)

时间:2013-12-09 16:10 点击:11287次 字体：[]

使用Canvas绘图Demo

　　既然已经简单讲解了Android下2D绘图的两个重要类，Canvas和Paint，那么下面通过一个简单的Demo来演示一下，这样加深大家的理解。

　　在这个Demo中，将实现一个画图板的功能，当用户在触摸屏上移动的时候，即可在屏幕上绘制任意的图形。实现手绘功能其实是一种假象：表面上看起来可以随着用户在触摸屏上自由地画线，实际上依然利用的是Canvas的drawLine()方法画直线，每条直线都是从上一个移动事件发生点画到本次移动事件的的发生点。当用户在触摸屏上连续移动的时候，每次移动点之间的距离很小，多此极短的连线，肉眼看起来就是一个依照手指触摸移动的轨迹的连线。

　　需要指出的是，如果程序每次都只是从上次移动事件的发生点绘制一条直线到本次拖动事件的发生点，那么当用户手指一旦离开触摸屏，再次引发触摸移动事件的时候，会导致前面绘制的内容被丢失。为了保留用户之前绘制的内容，程序需要借助于一个"双缓冲"的机制。

　　之前讲解SurfaceView的时候，有讲到SurfaceView会自己维护一个双缓冲的缓冲区，但是在这里使用ImageView来展示绘图效果，它需要我们去维护双缓冲的机制。当用户在ImageView上进行"绘制"的时候，程序并不直接"绘制"到该ImageView组件上，而是先绘制到一个内存中的Bitmap对象（缓冲）上，等到内存中的Bitmap绘制好之后，再一次性的将Bitmap对象"绘制"到ImageView上。

　　在这个Demo中，会监听ImageView的View.OnTouchListener事件的发生，它主要用户监听在View上的触摸事件。其中需要重写onTouch()方法，当用户触摸View的时候会调用这个方法，以下是它的完整签名：

　　　　boolean onTouch(View v,MotionEvent event)

　　它的返回值用于指定是否连续捕获触摸事件，而在它的参数中，View为当前引发触摸事件的View，而MotionEvent是当前引发触摸事件一些属性，这个类中定义了一系列的静态常量，用于表示当前触摸的动作，比如：

　　Demo中的主要内容已经讲解清楚，下面直接上代码了，代码中注释比较详细，就不再赘述了。

　　布局代码：activity_main.xml

　实现代码：MainActivity.java

标签:

------分隔线----------------------------