Android中利用OnTouchListener在中ImageView中动态显示图片

简要步骤:

1.新建自己的layout,以便动态添加imageview等控件,并利用setOrientation设置为vertical

final LinearLayout layout2=new LinearLayout(this);

2.引用资源中的图片,并生成BitmapDrawable

 Resources res=getResources();
        bmp=BitmapFactory.decodeResource(res,R.drawable.capture);
        BitmapDrawable bmp1=new BitmapDrawable(bmp);

其中R.drawable.capture 引用res/drawable文件夹下的capture.bmp,这个图片是我直接拷到darwable文件下的,正常情况下R.java中的R.drawable下应该有capture了,这个会自动生成,如果没有自动生成的话,检查一下Eclipse->project->Automatically是否勾选上

3.生成Imageview, 并设置imageview支持click

 ImageView image1=new ImageView(this);
        image1.setImageDrawable(bmp1);
        image1.setClickable(true);

4.把image1添加到layout2中,并设置setContentView

layout2.addview(image1);

setContentView(layout2);

到这步,已经成功的添加了imageview,并显示出来,可以下载到手机上看看,这里就不截图了

 

5.接下来,主要是添加OnTouchListener();类似于OnClickListener(),不过需要在new OnTouchListener中实现OnTouch函数。OnTouchListenter是个接口,必须在类中实现它,所以new 了个类OnTouchListener,并在类中implement OnTouch函数。

其中,float startx=0.0f;
            float starty=0.0f;
            float endx=0.0f;
            float endy=0.0f;

是2个坐标点,一个起始点,一个结束点,根据这两个对角线的点,就可以框选出矩形图。

 

6.接下来说一下OnTouch中的代码主要通过event.getAction()判断下是ACTION_DOWN(初始点),还是ACTION_UP(结束点)

并记录下来,在ACTION_UP(结束点)触发后,就利用sx,sy,ex,ey来生成bmp

bmpp=new Bitmap.CreateBitmap(bmp,sx,sy,Math.abs(ex-sx),Math.abs(ey-sy));

7.剩下的就简单了,新建个imageview,并添加到layout2中

代码如下:

  1. import android.app.Activity;  
  2. import android.content.res.Resources;  
  3. import android.graphics.Bitmap;  
  4. import android.graphics.BitmapFactory;  
  5. import android.graphics.drawable.BitmapDrawable;  
  6. import android.os.Bundle;  
  7. import android.util.Log;  
  8. import android.view.MotionEvent;  
  9. import android.view.View;  
  10. import android.view.View.OnTouchListener;  
  11. import android.widget.ImageView;  
  12. import android.widget.LinearLayout;  
  13. public class T extends Activity {  
  14.     /** Called when the activity is first created. */  
  15.     Bitmap bmp;  
  16.     Bitmap bmpp;  
  17.     OnTouchListener listen1;  
  18.     @Override  
  19.     public void onCreate(Bundle savedInstanceState) {  
  20.         super.onCreate(savedInstanceState);  
  21.        // setContentView(R.layout.main);  
  22.         final LinearLayout layout2=new LinearLayout(this);  
  23.         layout2.setOrientation(LinearLayout.VERTICAL);  
  24.         Resources res=getResources();  
  25.         bmp=BitmapFactory.decodeResource(res,R.drawable.capture);  
  26.         BitmapDrawable bmp1=new BitmapDrawable(bmp);  
  27.         ImageView image1=new ImageView(this);  
  28.         image1.setImageDrawable(bmp1);  
  29.         image1.setClickable(true);  
  30.         layout2.addView(image1);  
  31.         setContentView(layout2);  
  32.          
  33.         listen1=new OnTouchListener(){  
  34.             float startx=0.0f;  
  35.             float starty=0.0f;  
  36.             float endx=0.0f;  
  37.             float endy=0.0f;  
  38.             @Override  
  39.             public boolean onTouch(View v, MotionEvent event) {  
  40.                 // TODO Auto-generated method stub  
  41.                 float x=event.getX();  
  42.                 float y=event.getY();  
  43.                 if(event.getAction()==MotionEvent.ACTION_DOWN){  
  44.                 startx=x;  
  45.                 starty=y;  
  46.                   
  47.                 }  
  48.               if(event.getAction()==MotionEvent.ACTION_UP){  
  49.                 endx=x;  
  50.                 endy=y;  
  51.                 int sx=(int)startx;  
  52.                 int sy=(int)starty;  
  53.                 int ex=(int)endx;  
  54.                 int ey=(int)endy;  
  55.                 bmpp=Bitmap.createBitmap(bmp,sx,sy,Math.abs(ex-sx),Math.abs(ey-sy));  
  56.                  BitmapDrawable bmpp1=new BitmapDrawable(bmpp);  
  57.                  ImageView im1=new ImageView(v.getContext());  
  58.                     im1.setImageDrawable(bmpp1);  
  59.                  layout2.addView(im1);  
  60.                 }  
  61.                 return true;  
  62.             }  
  63.               
  64.               
  65.               
  66.               
  67.         };  
  68.           
  69.         image1.setOnTouchListener(listen1);  
  70.           
  71.           
  72.           
  73.     }     
  74. }  
   

目前没有写框选时出现的矩形框代码,以后有时间添加上,虽然没有矩形框显示出来,但实际上已经框选好了,并在另一个动态添加的控件imageview中显示出来。呵呵,最后效果(手机忘带了,就用Emulator调了下)

 

Android中利用OnTouchListener在中ImageView中动态显示图片_第1张图片



你可能感兴趣的:(Android中利用OnTouchListener在中ImageView中动态显示图片)