androidcanvas清空

㈠ android中canvas画返回上一步操作

一个比较笨的方法 ，你可以把每一次操作都放到数组里面 返回上一步的话重新执行除最后一步以前的所有操作

㈡ android开发中如何实现手写输入的记事本

实现手写功能的主要步骤：

1. 自定义两个View,一个是TouchView,用于在上面画图，另一个是EditText,用于将手写的字显示在其中，并且，要将两个自定义View通过FrameLayout帧式布局重叠在起，以实现全屏手写的功能。

2 在TouchView中实现写字，并截取画布中的字以Bitmap保存。

3. 设置定时器，利用handle更新界面。

下面是实现的细节：

1. 手写的界面设计：

如上图所示，和上节的画板界面一致，底部分选项菜单栏，有5个选项，分别是调整画笔大小，画笔颜色，撤销，恢复，以及清空，对于这些功能，之后几节再实现。

布局文件activity_handwrite.xml

<!--?xml version=1.0 encoding=utf-8?-->

<relativelayout android:background="@android:color/white" android:layout_height="match_parent" android:layout_width="match_parent" xmlns:android="http://schemas.android.com/apk/res/android"><imageview android:layout_above="@+id/paintBottomMenu" android:layout_height="wrap_content" android:layout_width="match_parent" android:src="@drawable/line">

</imageview></relativelayout>

可以看出，里面有两个自定义view，并且通过FrameLayout重叠在一起。

先来看com.example.notes.LineEditText，这个其实和添加记事中的界面一样，就是自定义EditText,并且在字的下面画一条线。

LineEditText.java

public class LineEditText extends EditText {

private Rect mRect;

private Paint mPaint;

public LineEditText(Context context, AttributeSet attrs) {

// TODO Auto-generated constructor stub

super(context,attrs);

mRect = new Rect();

mPaint = new Paint();

mPaint.setColor(Color.GRAY);

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

//得到EditText的总行数

int lineCount = getLineCount();

Rect r = mRect;

Paint p = mPaint;

//为每一行设置格式

for(int i = 0; i < lineCount;i++){

//取得每一行的基准Y坐标，并将每一行的界限值写到r中

int baseline = getLineBounds(i, r);

//设置每一行的文字带下划线

canvas.drawLine(r.left, baseline+20, r.right, baseline+20, p);

}

}

}

另一个就是com.example.notes.TouchView，实现了绘制，及定时更新界面的功能，具体看代码

TouchView.java

public class TouchView extends View {

private Bitmap mBitmap,myBitmap;

private Canvas mCanvas;

private Path mPath;

private Paint mBitmapPaint;

private Paint mPaint;

private Handler bitmapHandler;

GetCutBitmapLocation getCutBitmapLocation;

private Timer timer;

DisplayMetrics dm;

private int w,h;

public TouchView(Context context) {

super(context);

dm = new DisplayMetrics();

((Activity) context).getWindowManager().getDefaultDisplay().getMetrics(dm);

w = dm.widthPixels;

h = dm.heightPixels;

initPaint();

}

public TouchView(Context context, AttributeSet attrs) {

super(context,attrs);

dm = new DisplayMetrics();

((Activity) context).getWindowManager().getDefaultDisplay().getMetrics(dm);

w = dm.widthPixels;

h = dm.heightPixels;

initPaint();

}

//设置handler

public void setHandler(Handler mBitmapHandler){

bitmapHandler = mBitmapHandler;

}

//初始化画笔，画布

private void initPaint(){

mPaint = new Paint();

mPaint.setAntiAlias(true);

mPaint.setDither(true);

mPaint.setColor(0xFF00FF00);

mPaint.setStyle(Paint.Style.STROKE);

mPaint.setStrokeJoin(Paint.Join.ROUND);

mPaint.setStrokeCap(Paint.Cap.ROUND);

mPaint.setStrokeWidth(15);

getCutBitmapLocation = new GetCutBitmapLocation();

//画布大小

mBitmap = Bitmap.createBitmap(w, h,

Bitmap.Config.ARGB_8888);

mCanvas = new Canvas(mBitmap); //所有mCanvas画的东西都被保存在了mBitmap中

mCanvas.drawColor(Color.TRANSPARENT);

mPath = new Path();

mBitmapPaint = new Paint(Paint.DITHER_FLAG);

timer = new Timer(true);

}

/**

* 处理屏幕显示

*/

Handler handler = new Handler(){

public void handleMessage(Message msg) {

switch (msg.what) {

case 1:

myBitmap = getCutBitmap(mBitmap);

Message message = new Message();

message.what=1;

Bundle bundle = new Bundle();;

bundle.putParcelable(bitmap,myBitmap);

message.setData(bundle);

bitmapHandler.sendMessage(message);

RefershBitmap();

break;

}

super.handleMessage(msg);

}

};

/**

* 发送消息给handler更新ACTIVITY

*/

TimerTask task = new TimerTask() {

public void run() {

Message message = new Message();

message.what=1;

Log.i(线程, 来了);

handler.sendMessage(message);

}

};

//切割画布中的字并返回

public Bitmap getCutBitmap(Bitmap mBitmap){

//得到手写字的四周位置，并向外延伸10px

float cutLeft = getCutBitmapLocation.getCutLeft() - 10;

float cutTop = getCutBitmapLocation.getCutTop() - 10;

float cutRight = getCutBitmapLocation.getCutRight() + 10;

float cutBottom = getCutBitmapLocation.getCutBottom() + 10;

cutLeft = (0 > cutLeft ? 0 : cutLeft);

cutTop = (0 > cutTop ? 0 : cutTop);

cutRight = (mBitmap.getWidth() < cutRight ? mBitmap.getWidth() : cutRight);

cutBottom = (mBitmap.getHeight() < cutBottom ? mBitmap.getHeight() : cutBottom);

//取得手写的的高度和宽度

float cutWidth = cutRight - cutLeft;

float cutHeight = cutBottom - cutTop;

Bitmap cutBitmap = Bitmap.createBitmap(mBitmap, (int)cutLeft, (int)cutTop, (int)cutWidth, (int)cutHeight);

if (myBitmap!=null ) {

myBitmap.recycle();

myBitmap= null;

}

return cutBitmap;

}

//刷新画布

private void RefershBitmap(){

initPaint();

invalidate();

if(task != null)

task.cancel();

}

@Override

protected void onDraw(Canvas canvas) {

canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint); //显示旧的画布

canvas.drawPath(mPath, mPaint); //画最后的path

}

private float mX, mY;

private static final float TOUCH_TOLERANCE = 4;

//手按下时

private void touch_start(float x, float y) {

mPath.reset();//清空path

mPath.moveTo(x, y);

mX = x;

mY = y;

if(task != null)

task.cancel();//取消之前的任务

task = new TimerTask() {

@Override

public void run() {

Message message = new Message();

message.what=1;

Log.i(线程, 来了);

handler.sendMessage(message);

}

};

getCutBitmapLocation.setCutLeftAndRight(mX,mY);

}

//手移动时

private void touch_move(float x, float y) {

float dx = Math.abs(x - mX);

float dy = Math.abs(y - mY);

if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) {

mPath.quadTo(mX, mY, x, y);

// mPath.quadTo(mX, mY, (x + mX)/2, (y + mY)/2);//源代码是这样写的，可是我没有弄明白，为什么要这样？

mX = x;

mY = y;

if(task != null)

task.cancel();//取消之前的任务

task = new TimerTask() {

@Override

public void run() {

Message message = new Message();

message.what=1;

Log.i(线程, 来了);

handler.sendMessage(message);

}

};

getCutBitmapLocation.setCutLeftAndRight(mX,mY);

}

}

//手抬起时

private void touch_up() {

//mPath.lineTo(mX, mY);

mCanvas.drawPath(mPath, mPaint);

mPath.reset();

if (timer!=null) {

if (task!=null) {

task.cancel();

task = new TimerTask() {

public void run() {

Message message = new Message();

message.what = 1;

handler.sendMessage(message);

}

};

timer.schele(task, 1000, 1000); //2200秒后发送消息给handler更新Activity

}

}else {

timer = new Timer(true);

timer.schele(task, 1000, 1000); //2200秒后发送消息给handler更新Activity

}

}

//处理界面事件

@Override

public boolean onTouchEvent(MotionEvent event) {

float x = event.getX();

float y = event.getY();

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN:

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;

}

}

这里面的难点就是利用TimerTask和Handle来更新界面显示，需要在onTouchEvent的三个事件中都要通过handle发送消息来更新显示界面。

接下来就是在activity里通过handle来得到绘制的字，并添加在editText中。

关于配置底部菜单，以及顶部标题栏，这里不再赘述，直接如何将绘制的字得到，并添加在edittext中：

得到绘制字体的Bitmap

//处理界面

Handler handler = new Handler(){

@Override

public void handleMessage(Message msg) {

super.handleMessage(msg);

Bundle bundle = new Bundle();

bundle = msg.getData();

Bitmap myBitmap = bundle.getParcelable(bitmap);

InsertToEditText(myBitmap);

}

};

其中myBitmap就是取得的手写字，保存在Bitmap中， InsertToEditText(myBitmap);是将该图片添加在edittext中,具体如下：

?

1

private LineEditText et_handwrite;

?

1

et_handwrite = (LineEditText)findViewById(R.id.et_handwrite);

//将手写字插入到EditText中

private void InsertToEditText(Bitmap mBitmap){

int imgWidth = mBitmap.getWidth();

int imgHeight = mBitmap.getHeight();

//缩放比例

float scaleW = (float) (80f/imgWidth);

float scaleH = (float) (100f/imgHeight);

Matrix mx = new Matrix();

//对原图片进行缩放

mx.postScale(scaleW, scaleH);

mBitmap = Bitmap.createBitmap(mBitmap, 0, 0, imgWidth, imgHeight, mx, true);

//将手写的字插入到edittext中

SpannableString ss = new SpannableString(1);

ImageSpan span = new ImageSpan(mBitmap, ImageSpan.ALIGN_BOTTOM);

ss.setSpan(span, 0, 1, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

et_handwrite.append(ss);

}

㈢ Android绘图之Canvas变换（6）

前面讲解了Canvas的基本概念， Android绘图之Canvas概念理解（5） ，
对Canvas的概念进行了分析，但是没有说明和屏幕的关系，Canvas不等于屏幕，屏幕不会动的，我们也无法对屏幕进行（平移，缩放等）操作，只能对Canvas进行操作，所以对Canvas进行操作，屏幕不动，最终会导致看到的图像不同。

下面开始讲解Canvas的变幻操作：
包括：translate,rotate,scale,skew,clip，clipout，matrix

先从最简单的平移开始：

对Canvas进行平移，
dx: x轴方向进行平移,正值向屏幕右侧
dy：y轴方向进行平移，正值向屏幕下方

绘制两个点查看原点位置。

原点显然改变了，以后再绘制任何形状都是以translate后的原点开始绘制。

参数说明
sx:横向的缩放，默认为1，小数缩小，整数放大
sy:纵向的缩放，默认为1，小数缩小，整数放大

px，py，看源码知道是先translate，执行sx,sy然后再translate反方向。
第二次translate的坐标为（-px sx,-px sy）,最终的效果就是px,py是缩放后不动的点。

缩放后坐标减半。

如果想控制缩放后的位置，如何控制呢，这就需要第二个函数。

还可以控制其他位置，例如控制缩放后在中心。

rotate有两个函数：
rotate(float degrees)
rotate(float degrees, float px, float py)
Degree:旋转的角度，正值为顺时针，负值为逆时针
Px,py:旋转的中心，如果不指定旋转中心默认为（0,0）点

指定旋转中心为矩形中心

参数说明：
sx:画布在x方向上倾斜相应的角度，sx倾斜角度的tan值，
sy:画布在y轴方向上倾斜相应的角度，sy为倾斜角度的tan值，

根据矩形或者路径裁剪画布，画布被切割之后，只有部分区域可用，其他区域无法绘制内容。
Clip函数切割的区域可用，clipOut未被切割的区域可用。（过时函数不再讲解）

Matrix提供了一些方法来控制变换：

android绘图之Paint(1)
android绘图之Canvas基础（2）
Android绘图之Path（3）
Android绘图之drawText绘制文本相关（4）
Android绘图之Canvas概念理解（5）
Android绘图之Canvas变换（6）
Android绘图之Canvas状态保存和恢复（7）
Android绘图之PathEffect （8）
Android绘图之LinearGradient线性渐变（9）
Android绘图之SweepGradient（10）
Android绘图之RadialGradient 放射渐变（11）
Android绘制之BitmapShader（12）
Android绘图之ComposeShader，PorterDuff.mode及Xfermode（13）
Android绘图之drawText,getTextBounds,measureText,FontMetrics,基线（14）
Android绘图之贝塞尔曲线简介（15）
Android绘图之PathMeasure（16）
Android 动态修改渐变 GradientDrawable

㈣ 如何改变在Android中删除线的颜色

I think this is not possible for simple textview so you have to do the following:-
1.Create a custom TextView by extending View class
2.Declare this custom textview inside XML layout same like we do for TextView.
And at last write an onDraw() method like following.

@Override
protected void onDraw(Canvas canvas) {
Paint paint = new Paint();
paint.setColor(strikeThroughColor);
paint.setStyle(Paint.Style.FILL);
paint.setStrikeThruText(true);
paint.setStrokeWidth(strikeThroughWidth);
paint.setFlags(Paint.ANTI_ALIAS_FLAG);
super.onDraw(canvas);
float width = getWidth();
float heigh = getHeight();
canvas.drawLine(width/10, heigh/10, (width-width/10),(heigh-heigh/10), paint);
}

㈤ 安卓开发:全屏触摸画线已经实现，如何清屏

Android开发之触摸事件的使用--触摸画线

.xml文件
<LinearLayout 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:orientation="vertical"
tools:context=".MainActivity" >

<com.example.touchproject2.MyPaintView
android:id="@+id/paintView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"/>

</LinearLayout>

MainActivity.java文件

package com.example.touchproject2;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.activity_main, menu);
return true;
}

}

MyPaintView.java文件

package com.example.touchproject2;

import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Point;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

public class MyPaintView extends View {
private List<Point> allPoints=new ArrayList<Point>();
//接受context以及属性集合(宽度，高度等)
public MyPaintView(Context context, AttributeSet attrs) {
super(context, attrs);
super.setOnTouchListener(new OnTouchListenerImp());
}
private class OnTouchListenerImp implements OnTouchListener{

public boolean onTouch(View v, MotionEvent event) {
Point p=new Point((int)event.getX(),(int)event.getY());
if(event.getAction()==MotionEvent.ACTION_DOWN){
//用户按下，表示重新开始保存点
MyPaintView.this.allPoints=new ArrayList<Point>();
MyPaintView.this.allPoints.add(p);
}
else if(event.getAction()==MotionEvent.ACTION_UP){
//用户松开
MyPaintView.this.allPoints.add(p);
MyPaintView.this.postInvalidate();//重绘图像
}
else if(event.getAction()==MotionEvent.ACTION_MOVE){
MyPaintView.this.allPoints.add(p);
MyPaintView.this.postInvalidate();//重绘图像
}
return true;
}
}

@Override
public void draw(Canvas canvas) {
Paint p=new Paint();//依靠此类开始画线
p.setColor(Color.RED);
if(MyPaintView.this.allPoints.size()>1){
//如果有坐标点，开始绘图
Iterator<Point> iter=MyPaintView.this.allPoints.iterator();
Point first=null;
Point last=null;
while(iter.hasNext()){
if(first==null){
first=(Point)iter.next();
}else{
if(last!=null){
first=last;
}
last=(Point)iter.next();//结束
canvas.drawLine(first.x, first.y, last.x, last.y, p);
}
}

http://blog.sina.com.cn/s/blog_7256fe8f01016u15.html