2015年第一篇:Android 画画板

其实画画板这个东西,很多地方都用的到,比如:在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.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(); // 初始化画笔

		baseBitmap = Bitmap.createBitmap(480, 640, Bitmap.Config.ARGB_8888); // 创建一个可以被修改的bitmap
		canvas = new Canvas(baseBitmap); // 创建一个画布
		canvas.drawColor(Color.WHITE);

		iv.setOnTouchListener(new OnTouchListener() {
			@Override
			public boolean onTouch(View v, MotionEvent event) {
				switch (event.getAction()) {
				case MotionEvent.ACTION_DOWN: // 手势点下的时候
					System.out.println("手指点下");
					/*
					 * baseBitmap = Bitmap.createBitmap(iv.getWidth(),
					 * iv.getHeight(), Bitmap.Config.ARGB_8888); //
					 * 创建一个可以被修改的bitmap canvas = new Canvas(baseBitmap); //
					 * 创建一个画布 canvas.drawColor(Color.WHITE);
					 */
					// 获取落点的开始位置
					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;
			}
		});

		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.以上便完成了一个简单的画画板,大家也试一试吧,希望能对您有所帮助。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。