android surfaceView 的简单使用 画图，拖动效果

前面说到了画图，其实更好的就是使用 surfaceView了。

surfaceView 继承于 View，View里面嵌套了一个专门用于画图的 surface，

对于一个View的onDraw()方法，不能够满足将其移动到后台线程中去。因为从后台线程修改一个GUI元素会被显式地禁止的。当需要快速地更新View的UI，或者当前渲染代码阻塞GUI线程的时间过长的时候，SurfaceView就是解决上述问题的最佳选择。SurfaceView封装了一个Surface对象，而不是Canvas。这一点很重要，因为Surface可以使用后台线程绘制。对于那些资源敏感的操作，或者那些要求快速更新或者高速帧率的地方，例如使用3D图形，创建游戏，或者实时预览摄像头，这一点特别有用。

可以直接从内存或硬件设备比如相机等取得图像数据,是个非常重要的绘图容器。它的特性是：可以在主线程之外的线程中向屏幕绘图。这样可以避免画图任务繁重的时候造成主线程阻塞，从而提高了程序的反应速度。绘制的东西直接复制到显存从而显示出来，这使得显示速度会非常快，而在Surface 被销毁之前必须结束。

下面给个简单的例子，就是不停的绘制 ，这样按照前面说的，就可以再 上面绘制各种自己想要的效果了：

1. public class SurfaceDraw  extends Activity{
2. private SurfaceView    sf;
3. private SurfaceHolder  sfh;   //surfaceView的 控制器
4. @Override
5. protected void onCreate(Bundle savedInstanceState) {
6. // TODO Auto-generated method stub
7. super.onCreate(savedInstanceState);
8. setContentView(R.layout.activity_draw);
9. sf = (SurfaceView) this.findViewById(R.id.SurfaceView01);
10. //得到控制器
11. sfh = sf.getHolder();
12. //对 surfaceView 进行操作
13. sfh.addCallback(new DoThings());// 自动运行surfaceCreated以及surfaceChanged
14. }
15. private class DoThings implements SurfaceHolder.Callback{
16. @Override
17. public void surfaceChanged(SurfaceHolder holder, int format, int width,
18. int height) {
19. //在surface的大小发生改变时激发
20. System.out.println("surfaceChanged");
21. }
22. @Override
23. public void surfaceCreated(SurfaceHolder holder){
24. new Thread(){
25. public void run() {
26. while(true){
27. //1.这里就是核心了， 得到画布 ，然后在你的画布上画出要显示的内容
28. Canvas c = sfh.lockCanvas(new Rect(0, 0, 200, 200));
29. //2.开画
30. Paint  p =new Paint();
31. p.setColor(Color.rgb( (int)(Math.random() * 255),
32. (int)(Math.random() * 255) ,  (int)(Math.random() * 255)));
33. Rect aa  =  new Rect( (int)(Math.random() * 100) ,
34. (int)(Math.random() * 100)
35. ,(int)(Math.random() * 500)
36. ,(int)(Math.random() * 500) );
37. c.drawRect(aa, p);
38. //3. 解锁画布   更新提交屏幕显示内容
39. sfh.unlockCanvasAndPost(c);
40. try {
41. Thread.sleep(1000);
42. } catch (Exception e) {
43. }
44. }
45. };
46. }.start();
47. }
48. @Override
49. public void surfaceDestroyed(SurfaceHolder holder) {
50. //销毁时激发，一般在这里将画图的线程停止、释放。
51. System.out.println("surfaceDestroyed==");
52. }
53. }
54. }

// 实现拖拽效果，也就是动态的绘制

1. public class Drag extends Activity {
2. @Override
3. protected void onCreate(Bundle savedInstanceState) {
4. super.onCreate(savedInstanceState);
5. DragImage view=new DragImage(this);
6. setContentView(view);
7. }
8. private class DragImage extends SurfaceView implements SurfaceHolder.Callback,Runnable,OnTouchListener{
9. private Context context;
10. private SurfaceHolder holder;
11. private Bitmap icon;
12. private Paint paint;
13. private boolean running=true;
14. public DragImage(Context context) {
15. super(context);
16. this.context=context;
17. holder = this.getHolder();//获取holder
18. holder.addCallback(this);
19. this.setOnTouchListener(this);
20. }
21. @Override
22. public void surfaceCreated(SurfaceHolder holder) {
23. icon = BitmapFactory.decodeResource(context.getResources(),R.drawable.wuranl_1);
24. paint=new Paint();
25. running=true;
26. new Thread(this).start();
27. }
28. @Override
29. public void surfaceChanged(SurfaceHolder holder, int format, int width,
30. int height) {
31. }
32. @Override
33. public void surfaceDestroyed(SurfaceHolder holder) {
34. running=false;
35. }
36. @Override
37. public void run() {
38. int SLEEP_TIME=100;
39. while (running) {
40. //开始画的时间    long start=System.currentTimeMillis();
41. Canvas canvas = holder.lockCanvas();//获取画布
42. canvas.drawColor(Color.BLACK);
43. canvas.drawBitmap(icon, rect.left,rect.top,null);
44. holder.unlockCanvasAndPost(canvas);// 解锁画布，提交画好的图像
45. //结束的时间   long end=System.currentTimeMillis();
46. }
47. }
48. //      Region region=new Region();
49. private Point point=new Point();//点击点
50. private Rect rect;//图片的rect
51. private boolean canDrag=false;//判断是否点击在图片上，否则拖动无效
52. private int offsetX=0,offsetY=0;//点击点离图片左上角的距离
53. @Override
54. public boolean onTouch(View v, MotionEvent event) {
55. // TODO Auto-generated method stub
56. switch (event.getAction()) {
57. //手按下的时候
58. case MotionEvent.ACTION_DOWN:
59. point.x=(int)event.getX();
60. point.y=(int)event.getY();
61. if(rect.contains(point.x, point.y)){
62. canDrag=true;
63. offsetX=point.x-rect.left;
64. offsetY=point.y-rect.top;
65. }
66. break;
67. //移动的时候
68. case MotionEvent.ACTION_MOVE:
69. if(canDrag){
70. rect.left=(int)event.getX()-offsetX;
71. rect.top=(int)event.getY()-offsetY;
72. rect.right=rect.left+icon.getWidth();
73. rect.bottom=rect.top+icon.getHeight();
74. if (rect.left < 0) {
75. rect.left = 0;
76. rect.right =  rect.left+icon.getWidth();
77. }
78. if (rect.right >  getMeasuredWidth()) {
79. rect.right =  getMeasuredWidth();
80. rect.left = rect.right-icon.getWidth();
81. }
82. if (rect.top < 0) {
83. rect.top = 0;
84. rect.bottom = rect.top+icon.getHeight();
85. }
86. if (rect.bottom > getMeasuredHeight()) {
87. rect.bottom = getMeasuredHeight();
88. rect.top = rect.bottom-icon.getHeight();
89. }
90. }
91. break;
92. case MotionEvent.ACTION_UP:
93. canDrag=false;
94. break;
95. default:
96. break;
97. }
98. return true;
99. }
100. }
101. }

还有前面在 View上面绘制的动态折线图，在surfaceView上效果也更好呢