`
woaimoliha4
  • 浏览: 13180 次
社区版块
存档分类
最新评论

android涂鸦

 
阅读更多
import java.io.File;  
import java.io.FileNotFoundException;  
import java.io.FileOutputStream;  
import java.io.IOException;  
import java.util.ArrayList;  
import java.util.Iterator;  
import java.util.List;  
 
import android.content.Context;  
import android.graphics.Bitmap;  
import android.graphics.Canvas;  
import android.graphics.Paint;  
import android.graphics.Path;  
import android.graphics.Bitmap.CompressFormat;  
import android.os.Environment;  
import android.view.MotionEvent;  
import android.view.View;  
 
/** 
* View实现涂鸦、撤销以及重做功能 
*/ 
 
public class TuyaView extends View {  
 
    private Bitmap mBitmap;  
    private Canvas mCanvas;  
    private Path mPath;  
    private Paint mBitmapPaint;// 画布的画笔  
    private Paint mPaint;// 真实的画笔  
    private float mX, mY;// 临时点坐标  
    private static final float TOUCH_TOLERANCE = 4;  
      
    // 保存Path路径的集合,用List集合来模拟栈  
    private static List<DrawPath> savePath;  
    // 记录Path路径的对象  
    private DrawPath dp;  
 
    private int screenWidth, screenHeight;  
 
    private class DrawPath {  
        public Path path;// 路径  
        public Paint paint;// 画笔  
    }  
 
    public TuyaView(Context context, int w, int h) {  
        super(context);  
        screenWidth = w;  
        screenHeight = h;  
 
        mBitmap = Bitmap.createBitmap(screenWidth, screenHeight, Bitmap.Config.ARGB_8888);  
        // 保存一次一次绘制出来的图形  
        mCanvas = new Canvas(mBitmap);  
 
        mBitmapPaint = new Paint(Paint.DITHER_FLAG);  
        mPaint = new Paint();  
        mPaint.setAntiAlias(true);  
        mPaint.setStyle(Paint.Style.STROKE);  
        mPaint.setStrokeJoin(Paint.Join.ROUND);// 设置外边缘  
        mPaint.setStrokeCap(Paint.Cap.ROUND);// 形状  
        mPaint.setStrokeWidth(5);// 画笔宽度  
 
        savePath = new ArrayList<DrawPath>();  
    }  
 
    @Override 
    public void onDraw(Canvas canvas) {  
        canvas.drawColor(0xFFAAAAAA);  
        // 将前面已经画过得显示出来  
        canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint);  
        if (mPath != null) {  
            // 实时的显示  
            canvas.drawPath(mPath, mPaint);  
        }  
    }  
 
    private void touch_start(float x, float y) {  
        mPath.moveTo(x, y);  
        mX = x;  
        mY = y;  
    }  
 
    private void touch_move(float x, float y) {  
        float dx = Math.abs(x - mX);  
        float dy = Math.abs(mY - y);  
        if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) {  
            // 从x1,y1到x2,y2画一条贝塞尔曲线，更平滑(直接用mPath.lineTo也是可以的)  
            mPath.quadTo(mX, mY, (x + mX) / 2, (y + mY) / 2);  
            mX = x;  
            mY = y;  
        }  
    }  
 
    private void touch_up() {  
        mPath.lineTo(mX, mY);  
        mCanvas.drawPath(mPath, mPaint);  
        //将一条完整的路径保存下来(相当于入栈操作)  
        savePath.add(dp);  
        mPath = null;// 重新置空  
    }  
    /** 
     * 撤销的核心思想就是将画布清空， 
     * 将保存下来的Path路径最后一个移除掉， 
     * 重新将路径画在画布上面。 
     */ 
    public void undo() {  
        if (savePath != null && savePath.size() > 0) {  
            savePath.remove(savePath.size() - 1);  
            redrawOnBitmap();  
        }  
    }  
    /** 
     * 重做 
     */ 
    public void redo(){  
        if (savePath != null && savePath.size() > 0) {  
            savePath.clear();  
            redrawOnBitmap();  
        }  
    }  
      
    private void redrawOnBitmap(){  
        mBitmap = Bitmap.createBitmap(screenWidth, screenHeight,  
                Bitmap.Config.ARGB_8888);  
        mCanvas.setBitmap(mBitmap);// 重新设置画布，相当于清空画布   
        Iterator<DrawPath> iter = savePath.iterator();  
        while (iter.hasNext()) {  
            DrawPath drawPath = iter.next();  
            mCanvas.drawPath(drawPath.path, drawPath.paint);  
        }  
        invalidate();// 刷新  
    }  
 
    @Override 
    public boolean onTouchEvent(MotionEvent event) {  
        float x = event.getX();  
        float y = event.getY();  
 
        switch (event.getAction()) {  
        case MotionEvent.ACTION_DOWN:  
            // 每次down下去重新new一个Path  
            mPath = new Path();  
            //每一次记录的路径对象是不一样的  
            dp = new DrawPath();  
            dp.path = mPath;  
            dp.paint = mPaint;  
            touch_start(x, y);  
            invalidate();  
            break;  
        case MotionEvent.ACTION_MOVE:  
            touch_move(x, y);  
            invalidate();  
            break;  
        case MotionEvent.ACTION_UP:  
            touch_up();  
            invalidate();  
            break;  
        }  
        return true;  
    }  
 
    public void saveToSDCard(){  
        String fileUrl = Environment.getExternalStorageDirectory()  
                .toString() + "/android/data/test.png";  
        try {  
            FileOutputStream fos = new FileOutputStream(new File(fileUrl));  
            mBitmap.compress(CompressFormat.PNG, 100, fos);  
            fos.flush();  
            fos.close();  
        } catch (FileNotFoundException e) {  
            e.printStackTrace();  
        } catch (IOException e) {  
            e.printStackTrace();  
        }  
    }  
} 

import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.Bitmap.CompressFormat;
import android.os.Environment;
import android.view.MotionEvent;
import android.view.View;

/**
* View实现涂鸦、撤销以及重做功能
*/

public class TuyaView extends View {

private Bitmap mBitmap;
private Canvas mCanvas;
private Path mPath;
private Paint mBitmapPaint;// 画布的画笔
private Paint mPaint;// 真实的画笔
private float mX, mY;// 临时点坐标
private static final float TOUCH_TOLERANCE = 4;

// 保存Path路径的集合,用List集合来模拟栈
private static List<DrawPath> savePath;
// 记录Path路径的对象
private DrawPath dp;

private int screenWidth, screenHeight;

private class DrawPath {
public Path path;// 路径
public Paint paint;// 画笔
}

public TuyaView(Context context, int w, int h) {
super(context);
screenWidth = w;
screenHeight = h;

mBitmap = Bitmap.createBitmap(screenWidth, screenHeight, Bitmap.Config.ARGB_8888);
// 保存一次一次绘制出来的图形
mCanvas = new Canvas(mBitmap);

mBitmapPaint = new Paint(Paint.DITHER_FLAG);
mPaint = new Paint();
mPaint.setAntiAlias(true);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setStrokeJoin(Paint.Join.ROUND);// 设置外边缘
mPaint.setStrokeCap(Paint.Cap.ROUND);// 形状
mPaint.setStrokeWidth(5);// 画笔宽度

savePath = new ArrayList<DrawPath>();
}

@Override
public void onDraw(Canvas canvas) {
canvas.drawColor(0xFFAAAAAA);
// 将前面已经画过得显示出来
canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint);
if (mPath != null) {
// 实时的显示
canvas.drawPath(mPath, mPaint);
}
}

private void touch_start(float x, float y) {
mPath.moveTo(x, y);
mX = x;
mY = y;
}

private void touch_move(float x, float y) {
float dx = Math.abs(x - mX);
float dy = Math.abs(mY - y);
if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) {
// 从x1,y1到x2,y2画一条贝塞尔曲线，更平滑(直接用mPath.lineTo也是可以的)
mPath.quadTo(mX, mY, (x + mX) / 2, (y + mY) / 2);
mX = x;
mY = y;
}
}

private void touch_up() {
mPath.lineTo(mX, mY);
mCanvas.drawPath(mPath, mPaint);
//将一条完整的路径保存下来(相当于入栈操作)
savePath.add(dp);
mPath = null;// 重新置空
}
/**
* 撤销的核心思想就是将画布清空，
* 将保存下来的Path路径最后一个移除掉，
* 重新将路径画在画布上面。
*/
public void undo() {
if (savePath != null && savePath.size() > 0) {
savePath.remove(savePath.size() - 1);
redrawOnBitmap();
}
}
/**
* 重做
*/
public void redo(){
if (savePath != null && savePath.size() > 0) {
savePath.clear();
redrawOnBitmap();
}
}

private void redrawOnBitmap(){
mBitmap = Bitmap.createBitmap(screenWidth, screenHeight,
Bitmap.Config.ARGB_8888);
mCanvas.setBitmap(mBitmap);// 重新设置画布，相当于清空画布
Iterator<DrawPath> iter = savePath.iterator();
while (iter.hasNext()) {
DrawPath drawPath = iter.next();
mCanvas.drawPath(drawPath.path, drawPath.paint);
}
invalidate();// 刷新
}

@Override
public boolean onTouchEvent(MotionEvent event) {
float x = event.getX();
float y = event.getY();

switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
// 每次down下去重新new一个Path
mPath = new Path();
//每一次记录的路径对象是不一样的
dp = new DrawPath();
dp.path = mPath;
dp.paint = mPaint;
touch_start(x, y);
invalidate();
break;
case MotionEvent.ACTION_MOVE:
touch_move(x, y);
invalidate();
break;
case MotionEvent.ACTION_UP:
touch_up();
invalidate();
break;
}
return true;
}

public void saveToSDCard(){
String fileUrl = Environment.getExternalStorageDirectory()
.toString() + "/android/data/test.png";
try {
FileOutputStream fos = new FileOutputStream(new File(fileUrl));
mBitmap.compress(CompressFormat.PNG, 100, fos);
fos.flush();
fos.close();
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
}
}


Java代码 
import android.app.Activity;  
import android.os.Bundle;  
import android.util.DisplayMetrics;  
import android.util.Log;  
import android.view.KeyEvent;  
 
public class TuyaActivity extends Activity {  
 
    private TuyaView tuyaView = null;  
 
    @Override 
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
 
        DisplayMetrics dm = new DisplayMetrics();  
        getWindowManager().getDefaultDisplay().getMetrics(dm);  
 
        tuyaView = new TuyaView(this, dm.widthPixels, dm.heightPixels);  
        setContentView(tuyaView);  
    }  
 
    @Override 
    public boolean onKeyDown(int keyCode, KeyEvent event) {  
        if (keyCode == KeyEvent.KEYCODE_BACK) {// 返回键  
            tuyaView.undo();  
            return true;  
        }else if(keyCode == KeyEvent.KEYCODE_MENU){//MENU  
            tuyaView.redo();  
            return true;  
        }  
        return super.onKeyDown(keyCode, event);  
    }  
 
} 

import android.app.Activity;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.KeyEvent;

public class TuyaActivity extends Activity {

private TuyaView tuyaView = null;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

DisplayMetrics dm = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);

tuyaView = new TuyaView(this, dm.widthPixels, dm.heightPixels);
setContentView(tuyaView);
}

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK) {// 返回键
tuyaView.undo();
return true;
}else if(keyCode == KeyEvent.KEYCODE_MENU){//MENU
tuyaView.redo();
return true;
}
return super.onKeyDown(keyCode, event);
}

}




分享到：
| android下载进度条
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Android涂鸦上传到服务器

    综上所述，实现“Android涂鸦上传到服务器”涉及Android图形绘制、文件操作、网络通信等多个方面，需要综合运用多种技术和技巧。通过以上步骤，可以构建一个功能完整的涂鸦应用，让用户能够轻松地分享自己的创意作品...

    android涂鸦板

    ### Android涂鸦板应用开发详解 #### 一、项目背景与目标 本次开发的目标是创建一个简单的Android涂鸦板应用程序。作者之前已经在Qt平台上实现了类似的涂鸦功能，并且现在希望将其移植到Android平台上，以此来体验...

    android 涂鸦功能

    在Android开发中，实现涂鸦功能是一项有趣且实用的任务，尤其适用于教育、设计或娱乐类应用。本示例Demo提供了一个完整的解决方案，让开发者能够轻松地集成这些特性到自己的应用程序中。下面我们将深入探讨这个...

    android涂鸦版 手写版代码.pdf

    "Android 涂鸦板应用开发" Android 涂鸦板应用开发是 Android 开发中的一种常见应用，通常用于绘制和涂鸦。在本节中，我们将学习如何开发一个简单的涂鸦板应用，涵盖了Android开发的基本知识点。 知识点一：...

    Android涂鸦及刮刮乐示例

    在Android开发中，"Android涂鸦及刮刮乐示例"是一个常见的应用场景，它涉及到用户交互、图形绘制以及动画效果的实现。这个示例通常包括一个涂鸦板功能，允许用户自由绘画，以及一个刮刮乐游戏，用户可以通过手势刮开...

    真正的android涂鸦源码，摘取自androidapidemo

    本资源“真正的android涂鸦源码，摘取自androidapidemo”提供了这样一个简化版的涂鸦程序，方便初学者快速上手。 在Android API Demo中，FingerPaint项目是一个典型的示例，它展示了如何利用Canvas和MotionEvent来...

    一个涂鸦还有画矩形 圆形的小Demo_android涂鸦绘画源码.zip

    这个压缩包文件“一个涂鸦还有画矩形 圆形的小Demo_android涂鸦绘画源码.zip”显然包含了一个Android应用程序的源代码，该程序允许用户进行涂鸦并绘制矩形和圆形。这是一个基础的图形用户界面（GUI）应用，特别适用...

    android涂鸦小例子

    "android涂鸦小例子"是一个关于如何在Android应用中实现一个简单的涂鸦功能的教程。在这个项目中，我们将探讨如何创建一个自定义的View类，使得用户可以在屏幕上进行自由绘图。 首先，我们来理解"自定义控件"的概念...

    android 涂鸦软件源码

    今年刚给人做的毕设涂鸦app源码。功能包括新建画布涂鸦，选择图片涂鸦，涂鸦形式包括画笔，图形，贴图，文字等，图片渲染，图片裁剪，资源文件是其他源码，有需要的可以联系 qq:920671458

    Android涂鸦马赛克效果源码！

    本示例主要关注的是"Android涂鸦马赛克效果源码"，它包含了两种关键功能：打马赛克和手指涂鸦，以及一种特殊的表格模式。这些特性使得用户可以在图片上进行创意编辑，增加了应用程序的趣味性和互动性。 首先，我们...

    【经典Android游戏源码15】Android 涂鸦跳跃源码

    本资源提供了Android版本的涂鸦跳跃源码，对于想要学习Android游戏开发或者对移动游戏编程感兴趣的开发者来说，这是一个宝贵的参考材料。下面将详细探讨涂鸦跳跃这款游戏的核心知识点及其在Android平台上的实现。 1...

    android涂鸦图片并保存

    在Android平台上，开发一款能够允许用户涂鸦并保存图片的应用是一项常见的任务。这个应用的核心功能包括画布操作、颜色选择、线条粗细调整以及图片的保存。以下将详细讲解实现这些功能所需的关键知识点。 首先，...

    android涂鸦功能

    在Android平台上实现涂鸦功能，可以为用户带来丰富的交互体验，尤其适用于...以上就是Android涂鸦功能的主要知识点。通过理解和实践这些内容，开发者能够构建出具有完整涂鸦功能的应用，为用户提供富有创意的交互体验。

    Android涂鸦课程设计.doc

    总的来说，这个Android涂鸦课程设计项目不仅涵盖了Android应用开发的基础技术，如UI设计、事件处理和文件操作，还锻炼了开发者解决问题和创新设计的能力。通过这样的实践，学生能深入理解Android平台的特性和开发...

    Android涂鸦

    在Android开发中，"Android涂鸦"是一种常见的功能，它允许用户在图片上进行自由的绘制，例如添加标记、注释或创意性地编辑图片。这个功能通常在教育、绘图应用或者协作类应用中非常实用。在实现涂鸦功能时，我们需要...

    Android 涂鸦笔记本

    "Android涂鸦笔记本"就是一个很好的示例，它利用自定义View实现了类似于早期QQ的涂鸦功能。这个项目不仅提供了基本的绘图操作，如绘制线条、曲线，还包含了更多高级特性，如橡皮擦功能，以及保存和分享涂鸦作品的...

Magicbox
Global site tag (gtag.js) - Google Analytics