基于opencv的相机之图片处理首页效果（六）

简介

　　通过之前，已经有了预览拍照，以及对应图片显示的基本图库。接下来实现对图库中选中的图片，进行进一步的图像处理。
本篇是实现图像处理的总体界面实现。

具体实现

效果演示

　　对应的效果截图如下：

代码讲解

　　1、从上面的效果图上可以看到，最上面也是两个选项，取消和保存。点击取消，就会清楚掉该图片本轮对图片的相关处理，并返回到图库界面。点击保存，就会将本轮被修改处理过的图片另存为，并返回图库界面。

picDoVariable.mypicBack.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
new AlertDialog.Builder(PicDoing.this).setMessage("确认放弃修改？")
.setPositiveButton("确定", new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog, int which) {
Intent intent = new Intent(PicDoing.this, mapstorageActivity.class);
startActivity(intent);
finish();
}})
.setNegativeButton("取消",null)
.show();
}
});

picDoVariable.mypicSave.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
String tmp, PicPath;
long time =System.currentTimeMillis();
tmp = picDoVariable.picDoFunction.getCurrentTime(time);
PicPath = picDoVariable.doPicSavepath + tmp + ".jpg";
Imgcodecs.imwrite(PicPath, picDoVariable.myPicDoMat);
Intent intent = new Intent(PicDoing.this, mapstorageActivity.class);
startActivity(intent);
finish();
}
});

2、中间区域则显示的图片传过来，即需要被处理的图片，该图片被传入到本界面之后，首先会被复制到一个新图片临时文件，后续的操作都是在这个临时文件中处理，如果点击取消，就放弃掉这个临时文件，点击保存就将该临时文件保存到图像目录中去。

if(picDoVariable.doPicEdit == -1){
picDoVariable.myPicDoMat = Imgcodecs.imread(picDoVariable.DoPicNames[picDoVariable.curDoPicNumber], 1);
Imgcodecs.imwrite(picDoVariable.tmpMatName, picDoVariable.myPicDoMat);

}else{
picDoVariable.myPicDoMat = Imgcodecs.imread(picDoVariable.tmpMatName, 1);
}

3、最底下就是进行图像处理的相关选项：

public String[] firstPicMenu = { "调整", "特效", "马赛克", "拼图", "鬼怪贴图", "图像修补", "加密解密"};

picDoVariable.mypicModeGestureDetector = new GestureDetector(new gestureListener());
private class gestureListener implements GestureDetector.OnGestureListener{
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
int i;
if(e1.getX() - e2.getX() > picDoVariable.picModeFilpDistance){
if(picDoVariable.modeOffsetNumber < picDoVariable.modeNumber - 6){
picDoVariable.modeOffsetNumber += 1;
}
for(i=0; i<6; i++){
picDoVariable.mypicDoImageButton_1_1[i].setImageResource(picDoVariable.firstPicMenuPicture[(i+picDoVariable.modeOffsetNumber)*2]);
picDoVariable.mypicDoTextView_1[i].setText(picDoVariable.firstPicMenu[(i + picDoVariable.modeOffsetNumber)]);
}
}
if(e2.getX() - e1.getX() > picDoVariable.picModeFilpDistance){
if(picDoVariable.modeOffsetNumber > 0){
picDoVariable.modeOffsetNumber -= 1;
}
for(i=0; i<6; i++){
picDoVariable.mypicDoImageButton_1_1[i].setImageResource(picDoVariable.firstPicMenuPicture[(i+picDoVariable.modeOffsetNumber)*2]);
picDoVariable.mypicDoTextView_1[i].setText(picDoVariable.firstPicMenu[(i + picDoVariable.modeOffsetNumber)]);
}
}
return true;
}
}
public class ButtonListener implements OnClickListener, OnTouchListener{
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
int i;

i = arg0.getId();
i = i + picDoVariable.modeOffsetNumber;

if(i == 0){
............
}else if(i == 1){
............
}
..............
}
}

从截图中可以看到，界面中同时只显示6个操作选项。具体操作中，根据代码中的GestureDetector，在使用中左右滑动时候，显示的操作选项会对应更新，点击功能选项之后，就会进入到对应的功能操作界面中去。

具体演示下载：http://download.csdn.net/detail/u011630458/9261617