Android自定义SurfaceView实现画板功能

所属分类: 软件编程 / Android 阅读数: 1573
收藏 0 赞 0 分享

接触了这么久的View,总不能一直停留在View里,现在开始呢,就要学习一个新的知识点:SurfaceView,实际上SurfaceView与View的原理都差不多,只是效率和渲染方式上,SurfaceView要优于View,这也是我们写这个的原因。今天就看看这个SurfaceView,好了,下面就是今天要说的效果。

界面很简单,就是一个按钮以及一个画板,先看看界面的代码吧

<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="com.example.xinxindemo.MainActivity" >

 <com.example.xinxindemo.view.SecondSurfaceView
 android:id="@+id/surfaceview"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:layout_weight="20"
  />

 <LinearLayout
 android:layout_width="match_parent"
 android:layout_height="55dip"
 android:orientation="horizontal"
 android:padding="5dip" >

 <Button
  android:onClick="onClick"
  android:layout_width="wrap_content"
  android:layout_height="match_parent"
  android:text="clean" />
</LinearLayout>

</LinearLayout>

对吧,界面不是很复杂,下面再看看这个SecondSurfaceView是怎么实现的;

/**
 * 2016年7月26日17:20:13
 * @author 小瓶盖 blog 
 *
 */
public class SecondSurfaceView extends SurfaceView implements SurfaceHolder.Callback,Runnable{

 /**
 * 是否处于绘制状态
 */
 private boolean mIsDrawing;
 /**
 * 帮助类
 */
 private SurfaceHolder mHolder;
 /**
 * 画布
 */
 private Canvas mCanvas;
 /**
 * 路径
 */
 private Path mPath;
 /**
 * 画笔
 */
 private Paint mPaint;

 public SecondSurfaceView(Context context, AttributeSet attrs, int defStyle) {
 super(context, attrs, defStyle);
 initView();
 }

 public SecondSurfaceView(Context context, AttributeSet attrs) {
 super(context, attrs);
 initView();
 }

 public SecondSurfaceView(Context context) {
 super(context);
 initView();
 }
 @Override
 public boolean onTouchEvent(MotionEvent event) {

 int x=(int) event.getX();
 int y=(int) event.getY();
 switch (event.getAction()) {
 case MotionEvent.ACTION_DOWN:
  mPath.moveTo(x, y);
  break;
 case MotionEvent.ACTION_MOVE:
  mPath.lineTo(x, y);
  break;
 case MotionEvent.ACTION_UP:

  break;
 default:
  break;
 }

 return true;
 }

 private void initView() {
 mHolder=getHolder();
 mHolder.addCallback(this);
 setFocusable(true);
 setFocusableInTouchMode(true);
 this.setKeepScreenOn(true);

 mPath=new Path();

 mPaint=new Paint();
 mPaint.setAntiAlias(true);
 mPaint.setColor(Color.BLACK);
 mPaint.setStyle(Style.STROKE);
 mPaint.setStrokeWidth(15);
 }

 @Override
 public void run() {
 long start =System.currentTimeMillis();
 while(mIsDrawing){
  draw();
 }
 long end =System.currentTimeMillis();
 if (end-start<100) {
  try {
  Thread.sleep(100-(end-start));
  } catch (Exception e) {
  e.printStackTrace();
  }
 }
 }

 @Override
 public void surfaceChanged(SurfaceHolder arg0, int arg1, int arg2, int arg3) {


 }

 @Override
 public void surfaceCreated(SurfaceHolder arg0) {
 mIsDrawing=true;
 new Thread(this).start();
 }

 @Override
 public void surfaceDestroyed(SurfaceHolder arg0) {
 mIsDrawing=false;

 }
 private void draw(){
 try {
  mCanvas=mHolder.lockCanvas();
  mCanvas.drawColor(Color.WHITE);
  mCanvas.drawPath(mPath, mPaint);
 } catch (Exception e) {
  e.printStackTrace();
 }finally{
  if (mCanvas!=null) {
  mHolder.unlockCanvasAndPost(mCanvas);
  }
 }
 }
 /**
 * 清除内容
 */
 public void clean(){
 initView();
 }
}

然后就是MainActivity.java

/**
 * 2016年7月26日17:20:13
 * @author 小瓶盖 blog *
 */
public class MainActivity extends Activity{
 SecondSurfaceView surfaceView;

 @Override
 protected void onCreate(Bundle savedInstanceState) {

 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);

 surfaceView=(SecondSurfaceView)findViewById(R.id.surfaceview);
 }

 public void onClick(View v){
 surfaceView.clean();
 }

}

源码下载:http://xiazai.jb51.net/201607/yuanma/SurfaceView(jb51.net).rar

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

Android网络编程之获取网络上的Json数据实例

这篇文章主要介绍了Android网络编程之获取网络上的Json数据实例,本文用完整的代码实例讲解了在Android中读取网络中Json数据的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中的windowSoftInputMode属性详解

这篇文章主要介绍了Android中的windowSoftInputMode属性详解,本文对windowSoftInputMode的9个属性做了详细总结,需要的朋友可以参考下
收藏 0 赞 0 分享

Android网络编程之UDP通信模型实例

这篇文章主要介绍了Android网络编程之UDP通信模型实例,本文给出了服务端代码和客户端代码,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中使用ListView实现漂亮的表格效果

这篇文章主要介绍了Android中使用ListView实现漂亮的表格效果,本文用详细的代码实例创建了一个股票行情表格,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中刷新界面的二种方法

这篇文章主要介绍了Android中刷新界面的二种方法,本文使用Handler、postInvalidate两种方法实现界面刷新,需要的朋友可以参考下
收藏 0 赞 0 分享

Android SDK三种更新失败及其解决方法

这篇文章主要介绍了Android SDK三种更新失败及其解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(一)

Android3.0(API level 11)开始,Android设备不再需要专门的菜单键。随着这种变化,Android app应该取消对传统6项菜单的依赖。取而代之的是提供anction bar来提供基本的用户功能
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(二)

这次将继续上一篇文章没有讲完的Menu的学习,上下文菜单(Context menu)和弹出菜单(Popup menu)
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(三)

今天继续昨天没有讲完的Menu的学习,主要是Popup Menu的学习,需要的朋友可以参考下
收藏 0 赞 0 分享

Android显示网络图片实例

这篇文章主要介绍了Android显示网络图片的方法,以实例形式展示了Android程序显示网络图片的方法,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多