简介
本篇是对实现图片处理功能:【拼图】实现的记录。
实现原理
点击进入该功能之后,首先会初始化一个背景图片。背景中对应放图片的拼图位置被初始化为空白区域,点击该空白区域,会进入图库中进行图片选择。
选好图片之后,将回到本功能的界面;同时被点击的空白区域,将被刚刚选择的图片填充。
具体可以参考资料:opencv实现拼图功能 http://blog.csdn.net/u011630458/article/details/46116403
具体代码
1、初始化
int picaddr2[4][4] = {{2, 49, 2, 49}, {51, 98, 2, 24}, {51, 98, 26, 49}, {2, 98, 51, 98}};
int picaddrTmp[4][4] = {{0, 0, 0, 0}, {0, 0, 0, 0}, {0, 0, 0, 0}, {0, 0, 0, 0}};
void MyResize(Mat& mat1, Mat& mat2, int width, int height){
IplImage pI_1 = mat1, pI_2;
mat2 = cv::Mat(height, width, CV_8UC3, 1);
pI_2 = mat2;
cvResize(&pI_1, &pI_2, 1);
}
JNIEXPORT void JNICALL Java_com_example_pingtu_MyPingtuJNI_PingTuInit
(JNIEnv *, jclass, jlong imagePingTuInit, jint value){
Mat mat = Mat(*((Mat*)imagePingTuInit));
Mat srcROI[4];
Mat imageROI[4];
Mat srcTmp = Mat(mat.size(), CV_8UC3, cv::Scalar(255, 255, 255));
Mat tmp;
int i, j;
int width = mat.rows;
int height = mat.cols;
if(value == 2){
for(i=0; i< 4; i++){
for(j=0; j<4; j++){
if(j<2){
picaddrTmp[i][j] = picaddr2[i][j] * height / 100;
}else{
picaddrTmp[i][j] = picaddr2[i][j] * width / 100;
}
}
srcROI[i] = srcTmp;
imageROI[i] = mat(cv::Rect(picaddrTmp[i][0], picaddrTmp[i][2],
picaddrTmp[i][1] - picaddrTmp[i][0], picaddrTmp[i][3] - picaddrTmp[i][2]));
MyResize(srcROI[i], tmp, picaddrTmp[i][1] - picaddrTmp[i][0], picaddrTmp[i][3] - picaddrTmp[i][2]);
addWeighted(imageROI[i], 0, tmp, 1, 0.0, imageROI[i]);
}
}
}
picaddr2用来确定拼图模板,本例中只实现了一个可以拼图四张的模板。然后在PingTuInit函数中,传入的图像imagePingTuInit,表示为背景图片,根据picaddr2的模板信息,计算出4张拼图对应的位置信息,并保存到数组picaddrTmp中。接着将图片中对应拼图位置用srcTmp设置为全白像素。
2、拼图实现
public class ButtonListener implements OnClickListener, OnTouchListener{
@Override
public boolean onTouch(View arg0, MotionEvent arg1) {
...........
if(arg1.getAction() == MotionEvent.ACTION_UP){
touchX = (int)arg1.getX();
touchY = (int)arg1.getY();
if((0 < touchX) && (myPingtuVariable.screenWidth / 2 > touchX)
&& (myPingtuVariable.screenHeight /14 < touchY) && (myPingtuVariable.screenHeight / 14 * 6 > touchY)){
myPingtuVariable.curPicPingTu = 1;
Intent intent = new Intent(MyPingtuActivity.this, mapstorageActivity.class);
Bundle bun = new Bundle();
bun.putInt("curFilePath", myPingtuVariable.isPingTu);
intent.putExtras(bun);
startActivityForResult(intent, 10);
}else if((myPingtuVariable.screenWidth / 2 < touchX) && (myPingtuVariable.screenWidth > touchX)
&& (myPingtuVariable.screenHeight /14 < touchY) && (myPingtuVariable.screenHeight / 28 * 7 > touchY)){
myPingtuVariable.curPicPingTu = 2;
Intent intent = new Intent(MyPingtuActivity.this, mapstorageActivity.class);
Bundle bun = new Bundle();
bun.putInt("curFilePath", myPingtuVariable.isPingTu);
intent.putExtras(bun);
startActivityForResult(intent, 10);
}else if((myPingtuVariable.screenWidth / 2 < touchX) && (myPingtuVariable.screenWidth > touchX)
&& (myPingtuVariable.screenHeight /28 * 7 < touchY) && (myPingtuVariable.screenHeight / 14 * 6 > touchY)){
myPingtuVariable.curPicPingTu = 3;
Intent intent = new Intent(MyPingtuActivity.this, mapstorageActivity.class);
Bundle bun = new Bundle();
bun.putInt("curFilePath", myPingtuVariable.isPingTu);
intent.putExtras(bun);
startActivityForResult(intent, 10);
}else if((0 < touchX) && (myPingtuVariable.screenWidth > touchX)
&& (myPingtuVariable.screenHeight /14 * 6 < touchY) && (myPingtuVariable.screenHeight / 14 * 11 > touchY)){
myPingtuVariable.curPicPingTu = 4;
Intent intent = new Intent(MyPingtuActivity.this, mapstorageActivity.class);
Bundle bun = new Bundle();
bun.putInt("curFilePath", myPingtuVariable.isPingTu);
intent.putExtras(bun);
startActivityForResult(intent, 10);
}
............
}
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
// TODO Auto-generated method stub
super.onActivityResult(requestCode, resultCode, data);
myPingtuVariable.curPicName = data.getExtras().getString("PingTuPicture");
myPingtuVariable.myPingtuFunction.PicPingTuWorking(MyPingtuActivity.this, myPingtuVariable);
}
JNIEXPORT void JNICALL Java_com_example_pingtu_MyPingtuJNI_PingTuWork
(JNIEnv *, jclass, jlong imagePingTuSrc, jlong imagePingTuROI, jint value){
Mat matSrc = Mat(*((Mat*)imagePingTuSrc));
Mat matROI = Mat(*((Mat*)imagePingTuROI));
int Width = matSrc.rows;
int Height = matSrc.cols;
Mat srcROI[4];
Mat imageROI[4];
Mat tmp;
if((value > 3) || (value < 0)){
return;
}
srcROI[value] = matROI;
imageROI[value] = matSrc(cv::Rect(picaddrTmp[value][0], picaddrTmp[value][2],
picaddrTmp[value][1] - picaddrTmp[value][0], picaddrTmp[value][3] - picaddrTmp[value][2]));
MyResize(srcROI[value], tmp, picaddrTmp[value][1] - picaddrTmp[value][0], picaddrTmp[value][3] - picaddrTmp[value][2]);
addWeighted(imageROI[value], 0, tmp, 1, 0.0, imageROI[value]);
}
当点击到背景图片中不同位置之后,onTouch函数会根据坐标判断,当前需要更新填充的空白区域。接着进入到mapstorageActivity中进行图片选择。mapstorageActivity中选好图片之后,返回到onActivityResult函数中,获得当前选择的图片,最后将该图片传入ndk中函数PingTuWork中,实现空白区域的更新填充。
效果演示
对应的效果图片如下:
背景图像 拼图效果
具体演示下载:http://download.csdn.net/detail/u011630458/9261617