图像和视频过滤器像android中的Snapchat

Question

我正在开发一个应用程序，我希望过滤器以Snapchat的方式应用，我可以理解他们正在使用PagerAdapter，但我不知道他们是如何在图像或视频上应用过滤器而且＃＆＃ 39; s不是应用过滤器的另一个图像。任何可以做同样的想法或代码片段都非常适合图像和视频，并且也可以保存它们。谢谢：D

Answer 1

我在这里做的是将两个位图叠加在一起。使用用户的触摸确定应该看到多少位图。我有一个枚举用户滚动的方向基本上是左或右和无。根据用户滚动的方向，不同的位图应用于当前位图。

@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
    if (mCurrentScrollDirection.ordinal() == ScrollDirection.NONE.ordinal()) {
        if (distanceX > 0) {
            mCurrentScrollDirection = ScrollDirection.LEFT;
        } else {
            mCurrentScrollDirection = ScrollDirection.RIGHT;
        }
    }
    mTouchX = (int) e2.getX();
    overlayBitmaps(mTouchX);
    return false;
}

private void overlayBitmaps(int coordinateX) {

    switch (mCurrentScrollDirection) {
        case NONE: {
            //do nothing here
            break;
        }
        case LEFT: {
            overlayNextBitmap(coordinateX);
            break;
        }
        case RIGHT: {
            overlayPreviousBitmap(coordinateX);
            break;
        }
    }
}

private void overlayPreviousBitmap(int coordinateX) {
    mImageCanvas.save();

    Bitmap OSBitmap = Bitmap.createBitmap(mCurrentBitmap, coordinateX, 0, mCurrentBitmap.getWidth() - coordinateX, mCurrentBitmap.getHeight());
    mImageCanvas.drawBitmap(OSBitmap, coordinateX, 0, null);

    Bitmap FSBitmap = Bitmap.createBitmap(mPreviousBitmap, 0, 0, coordinateX, mCurrentBitmap.getHeight());
    mImageCanvas.drawBitmap(FSBitmap, 0, 0, null);

    mImageCanvas.restore();

    mCapturedImageView.setImageDrawable(new BitmapDrawable(getResources(), mResultBitmap));
}

private void overlayNextBitmap(int coordinateX) {
    mImageCanvas.save();

    Bitmap OSBitmap = Bitmap.createBitmap(mCurrentBitmap, 0, 0, coordinateX, mCurrentBitmap.getHeight());
    mImageCanvas.drawBitmap(OSBitmap, 0, 0, null);

    Bitmap FSBitmap = Bitmap.createBitmap(mNextBitmap, coordinateX, 0, mCurrentBitmap.getWidth() - coordinateX, mCurrentBitmap.getHeight());
    mImageCanvas.drawBitmap(FSBitmap, coordinateX, 0, null);

    mImageCanvas.restore();

    mCapturedImageView.setImageDrawable(new BitmapDrawable(getResources(), mResultBitmap));
}

这很有效，我只是没有在低内存设备上测试，因为我找不到很多：）

要获得完整的代码参考，请检查this链接。这是我自己的库，您可以在其中捕获图像应用过滤器并获得对调用活动的回调。它仍在进行中。

Answer 2

另一种解决方案：

将图像渲染到SurfaceTexture上。将SurfaceTexture用作OpenGL“GL_OES_EGL_image_external”纹理输入到OpenGL片段着色器中。使用此片段着色器将全屏四边形绘制到辅助SurfaceTexture上。将辅助SurfaceTexture渲染为TextureView。

让第一部分工作是困难的部分。一旦你有了工作，你将能够对图像应用不同的着色器，但不能在它们之间切换，如图所示。要在图像之间添加平滑交换，请将两个不同的片段着色器渲染到辅助SurfaceTexture上，使用GL_SCISSOR将屏幕切成两半，具体取决于偏移值。

这种方法的主要优点是它将使用更少的内存。位图可以加载一次，并且在渲染到SurfaceTexture上一次后，可能会被丢弃。

这种方法的第二个优点是可以应用更复杂的过滤器，并且通过一些额外的工作，您也可以渲染视频。

如果您有兴趣看到此技术的实现（包括视频过滤），请查看Kfilter库以进行照片和视频过滤/处理。