您的位置: 首页  >  文章  >  Android提高第二篇之SurfaceView的基本使用

Android提高第二篇之SurfaceView的基本使用

分类: 文章 • 2024-04-26 22:22:00

本文来自http://blog.****.net/hellogv/，引用必须注明出处！

上次介绍MediaPlayer的时候稍微介绍了SurfaceView，SurfaceView由于可以直接从内存或者DMA等硬件接口取得图像数据，因此是个非常重要的绘图容器，这次我就用两篇文章来介绍SurfaceView的用法。网上介绍SurfaceView的用法有很多，写法也层出不同，例如继承SurfaceView类，或者继承SurfaceHolder.Callback类等，这个可以根据功能实际需要自己选择，我这里就直接在普通的用户界面调用SurfaceHolder的lockCanvas和unlockCanvasAndPost。

先来看看程序运行的截图：

Android提高第二篇之SurfaceView的基本使用

截图1主要演示了直接把正弦波绘画在SurfaceView上

Android提高第二篇之SurfaceView的基本使用Android提高第二篇之SurfaceView的基本使用

对比上面的左右两图，右图用.lockCanvas(null)，而左图用.lockCanvas(new Rect(oldX, 0, oldX + length,
getWindowManager().getDefaultDisplay().getHeight()))，对比一下两个效果，由于左图是按指定Rect绘画，所以效率会比右图的全控件绘画高些，并且在清屏之后(canvas.drawColor(Color.BLACK))不会留有上次绘画的残留。

接下来贴出main.xml的源码:

view plainprint?
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="fill_parent"android:layout_height="fill_parent"
  4. android:orientation="vertical">
  6. <LinearLayoutandroid:id="@+id/LinearLayout01"
  7. android:layout_width="wrap_content"android:layout_height="wrap_content">
  8. <Buttonandroid:id="@+id/Button01"android:layout_width="wrap_content"
  9. android:layout_height="wrap_content"android:text="简单绘画"></Button>
  10. <Buttonandroid:id="@+id/Button02"android:layout_width="wrap_content"
  11. android:layout_height="wrap_content"android:text="定时器绘画"></Button>
  12. </LinearLayout>
  13. <SurfaceViewandroid:id="@+id/SurfaceView01"
  14. android:layout_width="fill_parent"android:layout_height="fill_parent"></SurfaceView>
  15. </LinearLayout>

接下来贴出程序源码：

view plainprint?
  1. packagecom.testSurfaceView;
  3. importjava.util.Timer;
  4. importjava.util.TimerTask;
  6. importandroid.app.Activity;
  7. importandroid.graphics.Canvas;
  8. importandroid.graphics.Color;
  9. importandroid.graphics.Paint;
  10. importandroid.graphics.Rect;
  11. importandroid.os.Bundle;
  12. importandroid.util.Log;
  13. importandroid.view.SurfaceHolder;
  14. importandroid.view.SurfaceView;
  15. importandroid.view.View;
  16. importandroid.widget.Button;
  18. publicclasstestSurfaceViewextendsActivity{
  19. /**Calledwhentheactivityisfirstcreated.*/
  20. ButtonbtnSimpleDraw,btnTimerDraw;
  21. SurfaceViewsfv;
  22. SurfaceHoldersfh;
  24. privateTimermTimer;
  25. privateMyTimerTaskmTimerTask;
  26. intY_axis[],//保存正弦波的Y轴上的点
  27. centerY,//中心线
  28. oldX,oldY,//上一个XY点
  29. currentX;//当前绘制到的X轴上的点
  31. @Override
  32. publicvoidonCreate(BundlesavedInstanceState){
  33. super.onCreate(savedInstanceState);
  34. setContentView(R.layout.main);
  36. btnSimpleDraw=(Button)this.findViewById(R.id.Button01);
  37. btnTimerDraw=(Button)this.findViewById(R.id.Button02);
  38. btnSimpleDraw.setOnClickListener(newClickEvent());
  39. btnTimerDraw.setOnClickListener(newClickEvent());
  40. sfv=(SurfaceView)this.findViewById(R.id.SurfaceView01);
  41. sfh=sfv.getHolder();
  43. //动态绘制正弦波的定时器
  44. mTimer=newTimer();
  45. mTimerTask=newMyTimerTask();
  47. //初始化y轴数据
  48. centerY=(getWindowManager().getDefaultDisplay().getHeight()-sfv
  49. .getTop())/2;
  50. Y_axis=newint[getWindowManager().getDefaultDisplay().getWidth()];
  51. for(inti=1;i<Y_axis.length;i++){//计算正弦波
  52. Y_axis[i-1]=centerY
  53. -(int)(100*Math.sin(i*2*Math.PI/180));
  54. }
  55. }
  57. classClickEventimplementsView.OnClickListener{
  59. @Override
  60. publicvoidonClick(Viewv){
  62. if(v==btnSimpleDraw){
  63. SimpleDraw(Y_axis.length-1);//直接绘制正弦波
  65. }elseif(v==btnTimerDraw){
  66. oldY=centerY;
  67. mTimer.schedule(mTimerTask,0,5);//动态绘制正弦波
  68. }
  70. }
  72. }
  74. classMyTimerTaskextendsTimerTask{
  75. @Override
  76. publicvoidrun(){
  78. SimpleDraw(currentX);
  79. currentX++;//往前进
  80. if(currentX==Y_axis.length-1){//如果到了终点，则清屏重来
  81. ClearDraw();
  82. currentX=0;
  83. oldY=centerY;
  84. }
  85. }
  87. }
  89. /*
  90. *绘制指定区域
  91. */
  92. voidSimpleDraw(intlength){
  93. if(length==0)
  94. oldX=0;
  95. Canvascanvas=sfh.lockCanvas(newRect(oldX,0,oldX+length,
  96. getWindowManager().getDefaultDisplay().getHeight()));//关键:获取画布
  97. Log.i("Canvas:",
  98. String.valueOf(oldX)+","+String.valueOf(oldX+length));
  100. PaintmPaint=newPaint();
  101. mPaint.setColor(Color.GREEN);//画笔为绿色
  102. mPaint.setStrokeWidth(2);//设置画笔粗细
  104. inty;
  105. for(inti=oldX+1;i<length;i++){//绘画正弦波
  106. y=Y_axis[i-1];
  107. canvas.drawLine(oldX,oldY,i,y,mPaint);
  108. oldX=i;
  109. oldY=y;
  110. }
  111. sfh.unlockCanvasAndPost(canvas);//解锁画布，提交画好的图像
  112. }
  114. voidClearDraw(){
  115. Canvascanvas=sfh.lockCanvas(null);
  116. canvas.drawColor(Color.BLACK);//清除画布
  117. sfh.unlockCanvasAndPost(canvas);
  119. }
  120. }

相关推荐