android画板需求分析,Android编程实现画板功能的⽅法总结
【附源码下载】
本⽂实例讲述了Android编程实现画板功能的⽅法。分享给⼤家供⼤家参考，具体如下：
Android实现画板主要有2种⽅式，⼀种是⽤⾃定义View实现，另⼀种是通过Canvas类实现。当然⾃定义View内部也是⽤的Canvas。第⼀种⽅式的思路是，创建⼀个⾃定义View(推荐SurfaceView)，在⾃定义View⾥通过Path对象记录⼿指滑动的路径调⽤lineTo()绘制；第⼆种⽅式的思路是，先⽤Canvas绘制⼀张空的Bitmap，通过ImageView的setImageBitmap()⽅法加载这个Bitmap，然后该ImageView实现onTouch()监听事件，跟踪⽤户⼿指的移动调⽤drawLine()绘制线条。
我们先来看第⼀种的实现的⽅式吧。这⾥就⽤SurfaceView来实现，在这⾥介绍⼀下关于SurfaceView的知识。SurfaceView继承⾃View，两者都可以实现绘图功能，那么他们有什么不同呢。先说下Android绘制视图的原理，View通过刷新来绘制视图，Android系统则通过发出VSYNC信号进⾏屏幕绘制，玩游戏的朋友都应该知道"垂直同步"，VSYNC就是垂直同步，⾕歌是在4.1之后引⼊VSYNC
的，VSYNC是为了不让画⾯掉帧。为了不掉帧，View的绘制需要在16ms之内完成。如果执⾏耗时太长或者需要频繁刷新，那么View就不合适了，影响⽤户体验和性能。⽤ SurfaceView就好办了，它内部是在⼦线程进⾏页⾯刷新，使⽤了双缓冲机制。现在我们来使⽤它吧。
通常⽤法是创建⼀个View继承⾃SurfaceView，并实现Callback和Runnable接⼝。
public class MySurfaceView extends SurfaceView implements
SurfaceHolder.Callback, Runnable {
// SurfaceHolder实例
private SurfaceHolder mSurfaceHolder;
// Canvas对象
private Canvas mCanvas;
// 控制⼦线程是否运⾏
private boolean startDraw;
// Path实例
private Path mPath = new Path();
/
/ Paint实例
private Paint mpaint = new Paint();
public MySurfaceView(Context context, AttributeSet attrs) {
super(context, attrs);
initView(); // 初始化
}
private void initView() {
mSurfaceHolder = getHolder();
mSurfaceHolder.addCallback(this);
// 设置可获得焦点
setFocusable(true);
setFocusableInTouchMode(true);
this.setKeepScreenOn(true);
}
@Override
public void run() {
// 如果不停⽌就⼀直绘制
while (startDraw) {
// 绘制
draw();
}
}
/
*
* 创建
*/
@Override
public void surfaceCreated(SurfaceHolder holder) {
startDraw = true;
new Thread(this).start();
}
/*
* 改变
*/
@Override
public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
}
/*
* 销毁
*/
@Override
public void surfaceDestroyed(SurfaceHolder holder) {
startDraw = false;
}
private void draw() {
mCanvas = mSurfaceHolder.lockCanvas();
mCanvas.drawColor(Color.WHITE);
mpaint.setStyle(Paint.Style.STROKE);
mpaint.setStrokeWidth(DensityUtil.px2dip(getContext(), 30)); mpaint.setColor(Color.BLACK);
mCanvas.drawPath(mPath, mpaint);
} catch (Exception e) {
} finally {
// 对画布内容进⾏提交
if (mCanvas != null) {
mSurfaceHolder.unlockCanvasAndPost(mCanvas);
}
}
}
@Override
public boolean onTouchEvent(MotionEvent event) {
int x = (int) X(); //获取⼿指移动的x坐标
int y = (int) Y(); //获取⼿指移动的y坐标
switch (Action()) {
case MotionEvent.ACTION_DOWN:
break;
case MotionEvent.ACTION_MOVE:
mPath.lineTo(x, y);
break;
case MotionEvent.ACTION_UP:
break;
}
return true;
}
// 重置画布
public void reset() {
}
我们在构造⽅法⾥进⾏初始化，获得SurfaceHolder实例，添加Callback接⼝实例，及获得焦点等操作。重写了SurfaceView的三个⽅法surfaceCreated,surfaceChanged,surfaceDestroyed。在surfaceCreated⽅法⾥开启⼦线程，执⾏draw⽅法。在surfaceDestroyed ⽅法⾥关闭线程。在draw⽅法⾥，通过mSurfaceHolder.lockCanvas()获取Canvas对象，设置样式，颜⾊等，然后重写onTouchEvent ⽅法，监听⽤户⼿指移动，调⽤mPath.lineTo(x, y)绘制线条，最后调⽤mSurfaceHolder.unlockCanvasAndPost(mCanvas)提交画布内容.这样就完成了画板的绘制。
我在代码⾥添加了reset()⽅法，可以重置画布，只需要在MainActivity获取SurfaceView对象，调⽤set()就可以了。
private Button reset_btn;
private MySurfaceView mview;
@Override
protected void onCreate(Bundle savedInstanceState) {
setContentView(R.layout.activity_main);
context = this;
mview = (MySurfaceView) findViewById(R.id.MySurfaceView);
android编程入门指南 pdfreset_btn = (Button) findViewById(set_btn);
@Override
public void onClick(View v) {
//清除
}
});
现在我们看下第⼆种⽅式吧，其实原理和第⼀种差不太多，我就不赘述了。直接贴上代码吧。public class SecondActivity extends Activity {
private ImageView img;
private Bitmap mBitmap;
private Canvas canvas;
private Paint paint;
// 重置按钮
private Button reset_btn;
@Override
protected void onCreate(Bundle savedInstanceState) {
setContentView(R.layout.activity_second);
img = (ImageView) findViewById(R.id.img);
reset_btn = (Button) findViewById(set_btn);
reset_btn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
img.setImageBitmap(null);
showImage();
}
});
// 绘图
showImage();
}
private void showImage() {
// 创建⼀张空⽩图⽚
mBitmap = ateBitmap(720, 1280, Bitmap.Config.ARGB_8888);
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论