图片处理——NDK实现拼接长图

        现在流行把多张图片拼接成长图，做成相册的形式，这样看起来更加酷。实现功能并不难，简单说下自己的实现思路：先对所有图片预处理，进行图片压缩，并且把每张图片的宽高剪裁成一致；然后将每张图片像素的数组按照顺序写到新的数组里，这样就完成图片拼接了；最后把新数组转成Bitmap在界面显示。

        先看下两张图片拼接的效果：

        native层实现方法如下：

jintArray
Java_com_frank_image_ImageUtil_jointPicture(JNIEnv *env, jobject, jintArray pixels, jint width, jint height,
                                            jintArray addPixels, jint addWidth, jint addHeight){
    //像素数组拷贝到native层
    jint *pixel = env->GetIntArrayElements(pixels, false);
    jint *addPixel = env->GetIntArrayElements(addPixels, false);
    //这里假定图片宽度相同
    int size = width * (height+addHeight);
    jint *newPixel = new jint[size];
    int x, y;

    for(x=0; x < width; x++){
        for(y=0; y < height; y++){
            newPixel[y*width + x] = pixel[y*width + x];
        }
    }

    for(x=0; x < width; x++){
        for(y=0; y < addHeight; y++){
            newPixel[(y+height)*width + x] = addPixel[y*addWidth + x];
        }
    }

    jintArray newPixels = env->NewIntArray(size);
    env->SetIntArrayRegion(newPixels, 0, size, newPixel);
    env->ReleaseIntArrayElements(pixels, pixel, 0);
    env->ReleaseIntArrayElements(addPixels, addPixel, 0);
    return newPixels;
}

        Java层调用native方法时，需要传参：原图像素数组、图片宽度、图片高度、追加图片像素数组、以及宽度高度。处理完毕，得到拼接成长图的数组，根据该数组以及宽度高度创建新Bitmap：

    /**
     * 使用NDK拼接图片
     * @param bitmap bitmap
     * @param imageView imageView
     * @param addBitmap addBitmap
     */
    private void ndkJointPicture(Bitmap bitmap, ImageView imageView, Bitmap addBitmap){
        int width = bitmap.getWidth();
        int height = bitmap.getHeight();
        int[] pixels = new int[width * height];
        //获取bitmap的所有pixel像素点
        bitmap.getPixels(pixels, 0, width, 0, 0, width, height);

        int addWidth = addBitmap.getWidth();
        int addHeight = addBitmap.getHeight();
        int[] addPixel = new int[addWidth * addHeight];
        addBitmap.getPixels(addPixel, 0, addWidth, 0, 0, addWidth, addHeight);

        //ndk处理像素点数组
        int[] newPixels = ImageUtil.jointPicture(pixels, width, height, addPixel, addWidth, addHeight);
        Bitmap ndkBitmap = Bitmap.createBitmap(width, height+addHeight, Bitmap.Config.RGB_565);
        //重新设置bitmap的所有pixel像素点
        ndkBitmap.setPixels(newPixels, 0, width, 0, 0, width, height+addHeight);
        imageView.setImageBitmap(ndkBitmap);
    }

        JNI方法这样传参看起来太费劲了，每张图片对应一个像素数组、宽度、高度，有没有更好的方法呢？嗯，Google开发人员已经为我们考虑到了，添加<android/bitmap.h>的头文件依赖，支持直接把Bitmap作为jobject传参进去，直接操作Bitmap像素。另外，我是使用CMake开发NDK，需要在CMakeLists文件里面的target_link_libraries添加-ljnigraphics库。具体实现如下：

jintArray
Java_com_frank_image_ImageUtil_jointPicture(JNIEnv *env, jobject, jobjectArray bitmapArray, jint mSize){
    AndroidBitmapInfo bitmapInfo;
    int width = 0;
    int height = 0;
    int result = 0;
    int i = 0;
    int size = 0;
    jint *newPixel = NULL;

    //遍历bitmap数组
    for(i=0; i<mSize; i++){
        //获取bitmap对象
        jobject bitmap = env->GetObjectArrayElement(bitmapArray, i);
        result = AndroidBitmap_getInfo(env, bitmap, &bitmapInfo);
        if (result < 0){
            LOGI("AndroidBitmap_getInfo error...");
            return NULL;
        }
        width = bitmapInfo.width;
        height = bitmapInfo.height;
        if(size == 0){
            size = width * height * mSize;
            newPixel = new jint[size];
        }
        int *pixelColor;
        result = AndroidBitmap_lockPixels(env, bitmap, (void **) &pixelColor);
        if(result < 0){
            LOGI("AndroidBitmap_lockPixels error...");
            return NULL;
        }
        int x, y;
        for(y=0; y< height; y++){
            for(x=0; x<width; x++){
                newPixel[(y+i*height)*width + x] = *pixelColor;
                pixelColor++;
            }
        }
        AndroidBitmap_unlockPixels(env, bitmap);
        //释放bitmap对象
        env->DeleteLocalRef(bitmap);
    }

    LOGI("long picture has done...");
    jintArray newPixels = env->NewIntArray(size);
    env->SetIntArrayRegion(newPixels, 0, size, newPixel);
    return newPixels;
}

        拼接两张图看起来还不够酷，那么让我们看看6连拼的长图：

        欢迎热爱图片处理、多媒体开发的同行朋友，相互交流，相互进步！