其实画画板这个东西,很多地方都用的到,比如:在qq里面有一个随手涂鸦的画画板,电脑里面画图工具,ps等,这些都是用到的画画板,今天我实现了一个小小的画画板,分享给大家,希望能对你们有所帮助。
1.原理分析:(很简单)
1.当用户触摸到屏幕的时候,开始画画
2.当用户移动的时候,画画的开始位置和结束位置用线连接起来
3.当用户手离开屏幕的时候,也就完成了画画
2.先上效果图:
3.示例源码
package com.zengtao.demo;
import java.io.File;
import java.io.FileOutputStream;
import java.io.OutputStream;
import android.annotation.SuppressLint;
import android.graphics.Bitmap;
import android.graphics.Bitmap.CompressFormat;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Bundle;
import android.os.Environment;
import android.support.v7.app.ActionBarActivity;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.view.ViewTreeObserver.OnGlobalLayoutListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.Toast;
public class MainActivity extends ActionBarActivity {
private Button bt_save;
private ImageView iv;
private Bitmap baseBitmap;
private Canvas canvas;
private Paint paint;
private int startX;
private int startY;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
iv = (ImageView) findViewById(R.id.iv);
bt_save = (Button) findViewById(R.id.bt_save);
initPaint(); // 初始化画笔
iv.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN: // 手指点下的时候
System.out.println("手指点下");
// 获取落点的开始位置
startX = (int) event.getX();
startY = (int) event.getY();
break;
case MotionEvent.ACTION_MOVE: // 手指移动的时候
System.out.println("手指移动");
int stopX = (int) event.getX();
int stopY = (int) event.getY();
canvas.drawLine(startX, startY, stopX, stopY, paint);
iv.setImageBitmap(baseBitmap);
// 重新获取画笔的开始位置
startX = (int) event.getX();
startY = (int) event.getY();
break;
case MotionEvent.ACTION_UP: // 手指起来的时候
break;
}
return true;
}
});
<span style="white-space:pre"> </span>// 在没初始化控制之前获取控件的宽和高
iv.getViewTreeObserver().addOnGlobalLayoutListener(
new OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
baseBitmap = Bitmap.createBitmap(iv.getWidth(),
iv.getHeight(), Bitmap.Config.ARGB_8888); //
// 创建一个可以被修改的
canvas = new Canvas(baseBitmap); // 创建一个画布
canvas.drawColor(Color.WHITE);
}
});
bt_save.setOnClickListener(new OnClickListener() {
@SuppressLint("ShowToast")
@Override
public void onClick(View v) {
try {
File file = new File(Environment
.getExternalStorageDirectory(), System
.currentTimeMillis() + ".jpg");
OutputStream stream = new FileOutputStream(file);
baseBitmap.compress(CompressFormat.JPEG, 100, stream);
stream.close();
Toast.makeText(MainActivity.this, "保存图片成功", 0).show();
} catch (Exception e) {
Toast.makeText(MainActivity.this, "保存图片失败", 0).show();
}
}
});
}
private void initPaint() {
paint = new Paint();
paint.setStrokeWidth(5);
paint.setColor(Color.GREEN);
}
}
4.记得添加权限,写入sdk的权限
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
5.以上便完成了一个简单的画画板,大家也试一试吧,希望能对您有所帮助。