Android图形与图像处理-采用双缓冲实现画图板
创建项目:HandDraw
运行项目效果:
DrawView.java
package wwj.handdraw;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
public class DrawView extends View{
float preX;
float preY;
private Path path;
public Paint paint = null;
final int VIEW_WIDTH = 320;
final int VIEW_HEIGHT = 480;
//定义一个内存中的图片,该图片将作为缓冲区
Bitmap cacheBitmap = null;
//定义cacheBitmap上的Canvas对象
Canvas cacheCanvas = null;
public DrawView(Context context, AttributeSet attrs) {
super(context, attrs);
//创建一个与该View相同大小的缓冲区
cacheBitmap = Bitmap.createBitmap(VIEW_WIDTH, VIEW_HEIGHT, Config.ARGB_8888);
cacheCanvas = new Canvas();
path = new Path();
//设置cacheCanvas将会绘制到内存中cacheBitmap上
cacheCanvas.setBitmap(cacheBitmap);
//设置画笔的颜色
paint = new Paint(Paint.DITHER_FLAG);
paint.setColor(Color.RED);
//设置画笔风格
paint.setStyle(Paint.Style.STROKE);
paint.setStrokeWidth(1);
//反锯齿
paint.setAntiAlias(true);
paint.setDither(true);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
// TODO Auto-generated method stub
//获取拖动事件的发生位置
float x = event.getX();
float y = event.getY();
switch(event.getAction()){
case MotionEvent.ACTION_DOWN:
path.moveTo(x, y);
preX = x;
preY = y;
break;
case MotionEvent.ACTION_MOVE:
path.quadTo(preX, preY, x, y);
preX = x;
preY = y;
break;
case MotionEvent.ACTION_UP:
cacheCanvas.drawPath(path, paint);
path.reset();
break;
}
invalidate();
//返回true表明处理方法已经处理该事件
return true;
}
@Override
protected void onDraw(Canvas canvas) {
// TODO Auto-generated method stub
Paint bmpPaint = new Paint();
//将cacheBitmap绘制到该View组件
canvas.drawBitmap(cacheBitmap, 0, 0, bmpPaint);
//沿着Path绘制
canvas.drawPath(path, bmpPaint);
}
}
menu文件:my_menu.xml
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item android:title="@string/color">
<menu>
<!-- 定义一组单选菜单项 -->
<group android:checkableBehavior="single">
<!-- 定义多个菜单项 -->
<item
android:id="@+id/red" android:title="@string/color_red"/>
<item
android:id="@+id/green" android:title="@string/color_green"/>
<item
android:id="@+id/blue" android:title="@string/color_blue"/>
</group>
</menu>
</item>
<item android:title="@string/width">
<menu>
<!-- 定义一组菜单项 -->
<group>
<!-- 定义3个菜单项 -->
<item
android:id="@+id/width_1" android:title="@string/width_1"/>
<item
android:id="@+id/width_3" android:title="@string/width_3"/>
<item
android:id="@+id/width_5" android:title="@string/width_5"/>
</group>
</menu>
</item>
<item
android:id="@+id/blur" android:title="@string/blur"/>
<item
android:id="@+id/emboss" android:title="@string/emboss"/>
</menu>
HandDraw.java
package wwj.handdraw;
import android.os.Bundle;
import android.app.Activity;
import android.graphics.BlurMaskFilter;
import android.graphics.Color;
import android.graphics.BlurMaskFilter.Blur;
import android.graphics.EmbossMaskFilter;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.support.v4.app.NavUtils;
public class HandDraw extends Activity {
EmbossMaskFilter emboss;
BlurMaskFilter blur;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
emboss = new EmbossMaskFilter(new float[]{1.5f, 1.5f, 1.5f}, 0.6f, 6, 4.2f);
blur = new BlurMaskFilter(8, Blur.NORMAL);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
MenuInflater inflator = new MenuInflater(this);
//状态R.menu.context对应的菜单,并添加到menu中
inflator.inflate(R.menu.my_menu, menu);
return super.onCreateOptionsMenu(menu);
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// TODO Auto-generated method stub
DrawView dv = (DrawView)findViewById(R.id.draw);
//判断单击的是哪个菜单项,并有针对性地做出响应
switch(item.getItemId()){
case R.id.red:
dv.paint.setColor(Color.RED);
item.setChecked(true);
break;
case R.id.green:
dv.paint.setColor(Color.GREEN);
item.setChecked(true);
break;
case R.id.blue:
dv.paint.setColor(Color.BLUE);
item.setChecked(true);
break;
case R.id.width_1:
dv.paint.setStrokeWidth(1);
break;
case R.id.width_3:
dv.paint.setStrokeWidth(3);
break;
case R.id.width_5:
dv.paint.setStrokeWidth(5);
break;
case R.id.blur:
dv.paint.setMaskFilter(blur);
break;
case R.id.emboss:
dv.paint.setMaskFilter(emboss);
break;
}
return true;
}
}
布局文件:main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/LinearLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<wwj.handdraw.DrawView
android:id="@+id/draw"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:width="320px"
android:height="480px"
/>
</LinearLayout>
字符串文件:string.xml
<resources>
<string name="app_name">手绘</string>
<string name="hello_world">Hello world!</string>
<string name="menu_settings">Settings</string>
<string name="title_activity_hand_draw">HandDraw</string>
<string name="width_1">1像素</string>
<string name="width_3">3像素</string>
<string name="width_5">5像素</string>
<string name="color_red">红色</string>
<string name="color_green">绿色</string>
<string name="color_blue">蓝色</string>
<string name="color">画笔颜色</string>
<string name="width">画笔宽度</string>
<string name="blur">模糊效果</string>
<string name="emboss">浮雕效果</string>
</resources>
分享到:
相关推荐
Android高级应用源码-DrawPanel双缓冲实现画板.zip
DrawPanel双缓冲实现画板.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
安卓画板,能选择画笔颜色、画笔宽度、模糊效果、浮雕效果等
当数据量很大时,绘图可能需要几秒钟甚至更长的时间,而且有时还会出现闪烁现象,为了解决这些问题,可采用双缓冲技术来绘图。 双缓冲即在内存中创建一个与屏幕绘图区域...下面的例子(一个画图板)将实现双缓冲画图
以最简单明了的代码结构来阐述双缓冲技术的核心本质,最巧妙的设计在于利用update将双缓冲部分与绘图功能部分相分离,代码虽短,却蕴含丰富的Java设计思想和设计模式,特供免费下载分享,供大家一起学习,共同进步,...
(系统会自己调高积分,我重新改成5分啦!...大学计算机图形学课程作业代码,使用双缓冲技术,实现平移、比例、旋转、反射错切变换。自用,代码完整。打包下载,可直接运行。c/c++语言MFC实现。支持vs。
(vc6.0下GDI绘图)双缓冲实现彩色画图,c++实现。。。之前的那个只能黑白画图,调试了很久,终于明白,getdc不能保存为全局变量,因为getdc即使在同一个类中得到dc也不一样。。。。代码实现后,能进行彩色双缓冲...
本文实例为大家分享了Android实现画板的具体代码,采用的技术是双缓冲技术,供大家参考,具体内容如下 1.双缓冲技术的概念 所谓的双缓冲技术其实很简单,当程序需要在指定的View上进行绘制时,程序并不需要直接绘制...
行业资料-建筑装置-带双缓冲压力可调式调音纸防粘带平整装置.zip
C# GDI+鼠双缓冲标画图 GDI+鼠标实时绘制,使用双缓冲技术,适合初学的代码
安卓开发-VIEW双缓冲与SurfaceView比较.zip.zip
MFC编写的类似于资源管理器界面的实时显示曲线的程序。
android实现的超简单的绘图板,没有使用双缓冲技术
独立写出来的,使用双缓冲,很巧妙的一个方法,实现了画图板的操作,值得模仿。
在对话框上建立picture控件,并利用双缓冲技术在控件所在区域画图。
此demo为DrawPanel双缓冲实现画板,代码较为简单,可参考使用
这是一个android SurfaceView双缓冲Demo,希望对大家理解android SurfaceView双缓冲有所帮助。
VC双缓冲实现方法,双缓冲绘图,详细代码。