Android简单开发的画画板

Android开发画画板要考虑得几个问题如下：

1 屏幕画板、画笔如何绘制问题

2 用户手指触摸屏幕画板监听事件，以及对应的几种状态处理问题

3  保存图片到SD卡，以及在系统相册打开时自动加载刚才的图片问题

解决方法

         1  使用了BitmapFactor和Bitmap的相关的方法来解析一张背景图，并复制一份副本，再在Canvas来绘制画板，画笔。

 2  使用系统的OnTouchLister来监听用户的触摸屏幕画板事件，以及相应的状态进行不同的处理

 3  系统每次收到SD卡就绪广播时，都会去遍历sd卡的所有文件和文件夹，把遍历到的所有多媒体文件都在MediaStore数据库保存一个索引，这个索引包含多媒体文件的文件 名、  路径、大小。图库每次打开时，并不会去遍历sd卡获取图片，而是通过内容提供者从MediaStore数据库中获取图片的信息，然后读取该图片。系统开机或者点击加载sd卡按钮时，系统会发送sd卡就绪广播，我们也可以手动发送就绪广播来加载我们保存在sd卡中图片。

代码如下

       

 package com.scywxx.paint;

 import java.io.File;
 import java.io.FileNotFoundException;
 import java.io.FileOutputStream;
 import java.io.IOException;

 import android.net.Uri;
 import android.os.Bundle;
 import android.os.Environment;
 import android.app.Activity;
 import android.content.Intent;
 import android.graphics.Bitmap;
 import android.graphics.Bitmap.CompressFormat;
 import android.graphics.BitmapFactory;
 import android.graphics.Canvas;
 import android.graphics.Color;
 import android.graphics.Matrix;
 import android.graphics.Paint;
 import android.view.Menu;
 import android.view.MotionEvent;
 import android.view.View;
 import android.view.View.OnTouchListener;
 import android.widget.ImageView;

 public class MainActivity extends Activity {
     private ImageView iv;
     private Bitmap bmCopy;
     private Paint paint;
     private Canvas canvas;
     private int startX,startY;
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         //1 加载画画板的背景图
         Bitmap bmSrc = BitmapFactory.decodeResource(getResources(), R.drawable.bg);
         //2 把源位图对象复制一份
         bmCopy = Bitmap.createBitmap(bmSrc.getWidth(),bmSrc.getHeight(),bmSrc.getConfig());
         //3 创建画笔对象
         paint = new Paint();
         canvas = new Canvas(bmCopy);
         //4 开始绘制
         canvas.drawBitmap(bmSrc, new Matrix(), paint);
         //5 获取界面上ImageView对象得资源id
         iv = (ImageView) findViewById(R.id.iv);
         iv.setImageBitmap(bmCopy);
         //6 给画画板得背景设置触摸监听
         iv.setOnTouchListener(new OnTouchListener() {
             //触摸屏幕时，触摸事件产生时，此方法调用
             @Override
             public boolean onTouch(View v, MotionEvent event) {
                 int action = event.getAction();//获取该事件得动作
                 switch(action){
                 //用户手指触摸到屏幕
                 case MotionEvent.ACTION_DOWN:
                     //记录开始的x和开始的y
                     startX = (int) event.getX();
                     startY = (int) event.getY();
                     break;
                 //用户手指正在划动
                 case MotionEvent.ACTION_MOVE:
                     int x=(int) event.getX();
                     int y=(int) event.getY();
                     //两点连成一条线
                     canvas.drawLine(startX, startY, x, y, paint);
                     //下次得起始点
                     startX=x;
                     startY=y;
                     iv.setImageBitmap(bmCopy);
                     break;
                 //用户手指离开屏幕
                 case MotionEvent.ACTION_UP:
                     break;

                 }
                 //true：告诉系统，这个触摸事件由我来处理
                 //false：告诉系统，这个触摸事件我不处理，这时系统会把触摸事件传递给imageview的父节点
                 return true;
             }
         });

     }
     //设置画笔颜色为红色
     public void red(View v){
         paint.setColor(Color.RED);
     }
     //设置画笔颜色为红色
     public void green(View v){
            paint.setColor(Color.GREEN);
     }
     //设置画笔的粗细
     public void change(View v){
            paint.setStrokeWidth(7);
     }
     //保存图片到sd卡中
     public void save(View v){
         File file = new File("sdcard/huahua.png");
         FileOutputStream fos=null;
         try {
             fos = new FileOutputStream(file);
         } catch (FileNotFoundException e) {
             e.printStackTrace();
         }
         //将图片压缩保存
         bmCopy.compress(CompressFormat.PNG, 100, fos);
         //系统每次收到SD卡就绪广播时，都会去遍历sd卡的所有文件和文件夹，把遍历到的所有多媒体文件都在MediaStore数据库保存一个索引，这个索引包含多媒体文件的文件名、路径、大小
         // 图库每次打开时，并不会去遍历sd卡获取图片，而是通过内容提供者从MediaStore数据库中获取图片的信息，然后读取该图片
        //  系统开机或者点击加载sd卡按钮时，系统会发送sd卡就绪广播，我们也可以手动发送就绪广播
         Intent intent = new Intent();
         intent.setAction(Intent.ACTION_MEDIA_MOUNTED);
         intent.setData(Uri.fromFile(Environment.getExternalStorageDirectory()));
         sendBroadcast(intent);
     }

 }

界面布局如下

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:paddingBottom="@dimen/activity_vertical_margin"
     android:paddingLeft="@dimen/activity_horizontal_margin"
     android:paddingRight="@dimen/activity_horizontal_margin"
     android:paddingTop="@dimen/activity_vertical_margin"
     tools:context=".MainActivity" >
     <ImageView
         android:id="@+id/iv"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         />
     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:orientation="horizontal"
         android:layout_alignParentBottom="true"
        >
         <Button
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="红色"
             android:onClick="red"/>
         <Button
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="绿色"
             android:onClick="green"/>
         <Button
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="粗细"
             android:onClick="change"/>
         <Button
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="保存"
             android:onClick="save"/>
     </LinearLayout>

 </RelativeLayout>

效果如下