android surfaceView 的简单使用 画图,拖动效果_移动开发_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > 移动开发 > android surfaceView 的简单使用 画图,拖动效果

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

 2013/11/10 16:55:11  安卓吧  博客园  我要评论(0)
  • 摘要:前面说到了画图,其实更好的就是使用surfaceView了。surfaceView继承于View,View里面嵌套了一个专门用于画图的surface,对于一个View的onDraw()方法,不能够满足将其移动到后台线程中去。因为从后台线程修改一个GUI元素会被显式地禁止的。当需要快速地更新View的UI,或者当前渲染代码阻塞GUI线程的时间过长的时候,SurfaceView就是解决上述问题的最佳选择。SurfaceView封装了一个Surface对象,而不是Canvas。这一点很重要
  • 标签:android 使用 view 画图

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

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

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

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

 

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

 

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

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

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


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

发表评论
用户名: 匿名