您的位置:首页 > 移动开发 > Android开发

Android中利用OnTouchListener在ImageView中框选显示图片

2011-08-14 15:35 501 查看
帮论坛上朋友改的一个程序,主要是在Imageview中框选部分图片,并显示出来,正好也用到了我上篇文章中说到的动态加载控件,就顺便贴出来
view plain
·········10········20········30········40········50········60········70········80········90········100·······110·······120·······130·······140·······150

package com.test.t;
import android.app.Activity;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
public class T extends Activity {
/** Called when the activity is first created. */
Bitmap bmp;
Bitmap bmpp;
OnTouchListener listen1;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// setContentView(R.layout.main);
final LinearLayout layout2=new LinearLayout(this);
layout2.setOrientation(LinearLayout.VERTICAL);
Resources res=getResources();
bmp=BitmapFactory.decodeResource(res,R.drawable.capture);
BitmapDrawable bmp1=new BitmapDrawable(bmp);
ImageView image1=new ImageView(this);
image1.setImageDrawable(bmp1);
image1.setClickable(true);
layout2.addView(image1);
setContentView(layout2);

listen1=new OnTouchListener(){
float startx=0.0f;
float starty=0.0f;
float endx=0.0f;
float endy=0.0f;
@Override
public boolean onTouch(View v, MotionEvent event) {
// TODO Auto-generated method stub
float x=event.getX();
float y=event.getY();
if(event.getAction()==MotionEvent.ACTION_DOWN){
startx=x;
starty=y;

}
if(event.getAction()==MotionEvent.ACTION_UP){
endx=x;
endy=y;
int sx=(int)startx;
int sy=(int)starty;
int ex=(int)endx;
int ey=(int)endy;
bmpp=Bitmap.createBitmap(bmp,sx,sy,Math.abs(ex-sx),Math.abs(ey-sy));
BitmapDrawable bmpp1=new BitmapDrawable(bmpp);
ImageView im1=new ImageView(v.getContext());
im1.setImageDrawable(bmpp1);
layout2.addView(im1);
}
return true;
}

};

image1.setOnTouchListener(listen1);

}
}

简要步骤:

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中

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

android模拟器截图

终于写完了,晚安~,恩,抽空还得把adb整理下。。。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: