如何使用 opencv android 通过触摸事件提供流体效果/调整位图大小

2023-12-02

我是 OpenCV4Android 和 Android NDK 的新手

努力实现

相对于图像上的触摸点拉伸图像。(将头发放在脸上并使用触摸事件相应地拉伸它,例如“虚拟化妆应用程序”)

问题:使用 Java 时

通过从位图获取矩阵并在触摸事件上重新计算它们,在触摸事件上实现了扭曲功能。但是图像会扭曲,整个矩阵会颠倒。

如何使用 OpenCV4Android 来实现这样的目标?

尝试从位图中获取 Mat 并调整图像大小。但不知道我将如何进一步进行这些?

对这些的任何启发都会非常有帮助。

enter image description here


经过大量的图像处理库后,每个库都有扭曲和变形效果,但没有一个对触摸点有影响。正如他们中的许多人建议的那样,您可以使用 OpenCV4Android 或 OpenGL 来实现此类目标,但我不喜欢其中任何一个。

所以最终在C中用NDK实现了Warpping效果。

以下是应用于触摸点上的位图像素的算法。

#include <stdio.h>
#include <stdlib.h>
#include <jni.h>
#include <math.h>
#include <malloc.h>
#include <android/log.h>
#define LOG_TAG "System.out"
#define LOGD(...) __android_log_print(ANDROID_LOG_DEBUG, LOG_TAG, __VA_ARGS__)
#define LOGI(...) __android_log_print(ANDROID_LOG_INFO, LOG_TAG, __VA_ARGS__)

int *colorRed;
int *colorGreen;
int *colorBlue;
int *colorsP; //ÏñËØÖµ

int *colorAlpha;
int _width, _height;
jintArray imagecolors;

//²éÕÒ±í
static long SinXDivX_Table_8[(2 << 8) + 1];
double MySin(double x) {
    double absx;
    absx = x;
    if (x < 0)
        absx = -x;

WarpView 对触摸点产生扭曲效果:

public class WarpView extends View {
    static {
        System.loadLibrary("Hello");
    }

    public native int[] warpPhotoFromC(int[] image, int height, int width,
            double max_dist, double orig_x, double orig_y, double cur_x,
            double cur_y);

    private static String TAG = WarpView.class.getSimpleName();

    private Bitmap mBmp;
    private int[] image;
    private int first = 0;
    private int[] colorR;
    private int[] colorG;
    private int[] colorB;
    private Bitmap newBmp;
    private boolean fg = true;
    private Context context;

    private static final int DEFAULT_PAINT_FLAGS = Paint.FILTER_BITMAP_FLAG
            | Paint.DITHER_FLAG;
    static Paint mPaint = new Paint(DEFAULT_PAINT_FLAGS);

    public static int HWPPQ = 110;
    public static int MMQFJ = 120;

    private int MODE = MMQFJ;

    // SA VIKALP
//  public ArrayList<WarpViewUndo> mArrayListWarpViewUndo;

    static GestureDetector mGestures;
    static ScaleGestureDetector mScaleGesture;

    private Matrix mMatrix = new Matrix();
    private Matrix mInverse = new Matrix();

    private float lastFocusX;
    private float lastFocusY;

    private boolean mIsMove = false;

    // EA VIKALP
    public WarpView(Context context) {
        super(context);
    }

    public WarpView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.context = context;
        dest = new RectF(0, 0, 0, 0);

        // SA VIKALP
//      mArrayListWarpViewUndo = new ArrayList<WarpViewUndo>();
        mScaleGesture = new ScaleGestureDetector(getContext(),
                new ScaleListener());
        mGestures = new GestureDetector(getContext(), new GestureListener());

        mMatrix.setTranslate(5, 5);
        mMatrix.invert(mInverse);
        // EA VIKALP
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // super.onDraw(canvas);
        if (fg) {
            int viewWidht = getWidth();
            int viewHeight = getHeight();
            float scale1 = (float) width / (float) viewWidht;
            float scale2 = (float) height / (float) viewHeight;
            scale = scale1 > scale2 ? scale1 : scale2;
            int xoffset = (viewWidht - (int) (width / scale)) / 2;
            int yoffset = (viewHeight - (int) (height / scale)) / 2;
            dest.set(xoffset, yoffset, (int) (width / scale) + xoffset,
                    (int) (height / scale) + yoffset);// = new RectF(xoffset,
                                                        // yoffset, (int)
                                                        // (width/scale)+xoffset,
                                                        // (int)
                                                        // (height/scale)+yoffset);
            // SA VIKALP
            canvas.drawColor(0x000000);
            canvas.concat(mMatrix);
            // canvas.drawColor(Color.TRANSPARENT);
            // canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);
            // EA VIKALP
            canvas.drawBitmap(mBmp, null, dest, mPaint);

        } else {
            // SA VIKALP
            canvas.drawColor(0x000000);
            canvas.concat(mMatrix);
            // canvas.drawColor(Color.TRANSPARENT);
            // canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);
            // EA VIKALP
            canvas.drawBitmap(newBmp, null, dest, mPaint);
        }
    }

    private double orig_x, orig_y;
    private double mou_dx, mou_dy;
    private double max_dist, max_dist_sq;
    private int width;
    private int height;
    private int count = 0;
    private double mou_dx_norm;
    private double mou_dy_norm;

    private float scale;
    private RectF dest;
    private double move_x, move_y;
    private int dist = (int) getResources().getDimension(R.dimen.max_dist);
    private int line_height = (int) getResources().getDimension(
            R.dimen.warp_line);

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // SA VIKALP
        mScaleGesture.onTouchEvent(event);
        mGestures.onTouchEvent(event);
        // EA VIKALP

        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            orig_x = event.getX();
            orig_y = event.getY();
            orig_x = (orig_x - dest.left) * scale;
            orig_y = (orig_y - dest.top) * scale;

            break;
        case MotionEvent.ACTION_MOVE:
            if (!mIsMove) { // SA VIKALP ADDED LINE
                max_dist = dist * scale;// Math.hypot(mou_dx, mou_dy);
                if (event.getAction() != 1) {


                    // int m = event.getHistorySize();

                    move_x = event.getX();
                    move_y = event.getY();

                    move_x = (move_x - dest.left) * scale;
                    move_y = (move_y - dest.top) * scale;

                    // if(m > 0){
                    // int i2 = m + -1;
                    // orig_x = (event.getHistoricalX(i2) - dest.left)*scale;
                    // orig_y = (event.getHistoricalY(i2) - dest.top)*scale;
                    // }

                    if (move_x >= 0 && move_y >= 0) {
                            warpPhotoFromC(image, height, width, max_dist, orig_x,
                                    orig_y, move_x, move_y);
                        first++;

                        newBmp.setPixels(image, 0, width, 0, 0, width, height);
                        fg = false;
                    }
                }
                orig_x = move_x;
                orig_y = move_y;

            } 
            break;
        case MotionEvent.ACTION_UP:
            break;
        }
        invalidate();
        return true;
    }
    // SA VIKALP
//  public void applyWarpUndo(Bitmap bmp) {
//      setWarpBitmap(bmp);
//      Log.i(TAG, "Size : "
//              + mArrayListWarpViewUndo.size()
//              + " last size :"
//              + mArrayListWarpViewUndo.get(mArrayListWarpViewUndo.size() - 1)
//                      .getSize() + 1);
//      
//      for (int i = 0; i < mArrayListWarpViewUndo.size() - (mArrayListWarpViewUndo.get(mArrayListWarpViewUndo.size() - 1).getSize()+1); i++) {
//          if (mArrayListWarpViewUndo.get(i).getMove_x() >= 0 && mArrayListWarpViewUndo.get(i).getMove_y() >= 0) {
//              warpPhotoFromC(mArrayListWarpViewUndo.get(i).getImage(),
//                      mArrayListWarpViewUndo.get(i).getHeight(),
//                      mArrayListWarpViewUndo.get(i).getWidth(),
//                      mArrayListWarpViewUndo.get(i).getMax_dist(),
//                      mArrayListWarpViewUndo.get(i).getOrig_x(),
//                      mArrayListWarpViewUndo.get(i).getOrig_y(),
//                      mArrayListWarpViewUndo.get(i).getMove_x(),
//                      mArrayListWarpViewUndo.get(i).getMove_y());
//
//              newBmp.setPixels(mArrayListWarpViewUndo.get(i).getImage(), 0,
//                      mArrayListWarpViewUndo.get(i).getWidth(), 0, 0,
//                      mArrayListWarpViewUndo.get(i).getWidth(),
//                      mArrayListWarpViewUndo.get(i).getHeight());
//              fg = false;
//          }
//      }
////        Log.i(TAG, "Step Size "+mArrayListWarpViewUndo.size()-1);
//      mArrayListWarpViewUndo.remove(mArrayListWarpViewUndo.size()-2);
//      invalidate();
//  }
    public class ScaleListener implements OnScaleGestureListener {

        @Override
        public boolean onScale(ScaleGestureDetector detector) {
            // TODO Auto-generated method stub
            Matrix transformationMatrix = new Matrix();
            float focusX = detector.getFocusX();
            float focusY = detector.getFocusY();

            // Zoom focus is where the fingers are centered,
            transformationMatrix.postTranslate(-focusX, -focusY);

            transformationMatrix.postScale(detector.getScaleFactor(),
                    detector.getScaleFactor());

            /*
             * Adding focus shift to allow for scrolling with two pointers down.
             * Remove it to skip this functionality. This could be done in fewer
             * lines, but for clarity I do it this way here
             */
            // Edited after comment by chochim
            float focusShiftX = focusX - lastFocusX;
            float focusShiftY = focusY - lastFocusY;
            transformationMatrix.postTranslate(focusX + focusShiftX, focusY
                    + focusShiftY);
            mMatrix.postConcat(transformationMatrix);
            lastFocusX = focusX;
            lastFocusY = focusY;
            invalidate();
            return true;
        }

        @Override
        public boolean onScaleBegin(ScaleGestureDetector detector) {
            // TODO Auto-generated method stub
            lastFocusX = detector.getFocusX();
            lastFocusY = detector.getFocusY();
            return true;
        }

        @Override
        public void onScaleEnd(ScaleGestureDetector detector) {
            // TODO Auto-generated method stub

        }
    }

    public class GestureListener implements OnGestureListener,
            OnDoubleTapListener {

        @Override
        public boolean onDoubleTap(MotionEvent arg0) {
            // TODO Auto-generated method stub
            return false;
        }

        @Override
        public boolean onDoubleTapEvent(MotionEvent arg0) {
            // TODO Auto-generated method stub
            return false;
        }

        @Override
        public boolean onSingleTapConfirmed(MotionEvent arg0) {
            // TODO Auto-generated method stub
            return false;
        }

        @Override
        public boolean onDown(MotionEvent e) {
            // TODO Auto-generated method stub
            return false;
        }

        @Override
        public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
                float velocityY) {
            // TODO Auto-generated method stub
            return false;
        }

        @Override
        public void onLongPress(MotionEvent e) {
            // TODO Auto-generated method stub

        }

        @Override
        public boolean onScroll(MotionEvent e1, MotionEvent e2,
                float distanceX, float distanceY) {
            // TODO Auto-generated method stub
            if (mIsMove) {
                mMatrix.postTranslate(-distanceX, -distanceY);
                invalidate();
            }
            return true;
        }

        @Override
        public void onShowPress(MotionEvent e) {
            // TODO Auto-generated method stub

        }

        @Override
        public boolean onSingleTapUp(MotionEvent e) {
            // TODO Auto-generated method stub
            return false;
        }
    }

    public void setMove(boolean isMove) {
        mIsMove = isMove;
    }

    // EA VIKALP

    public void setWarpBitmap(Bitmap bmp) {
        fg = true;// �置标志
        first = 0;
        mBmp = bmp;
        width = bmp.getWidth();
        height = bmp.getHeight();
        // 新建�?��Bitmap
        // SU VIKALP
        // newBmp = Bitmap.createBitmap(width, height,
        // Bitmap.Config.RGB_565);
        newBmp = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
        // EU VIKALP
        image = new int[width * height];

        mBmp.getPixels(image, 0, width, 0, 0, width, height);
        newBmp.setPixels(image, 0, width, 0, 0, width, height);
        // super.setImageBitmap(mBmp);
    }

    public void setMode(int mode) {
        this.MODE = mode;
    }

    /**
     * �?回处�好的图片
     * 
     * @return
     */
    public Bitmap getWrapBitmap() {
        return newBmp;
    }

    public void changeBitmapContrastBrightness() {
        float contrast, brightness;
        Random generator = new Random();
        contrast = generator.nextFloat();
        brightness = contrast;

        // Log.i(TAG, "changeBitmapContrastBrightness " + contrast);

        ColorMatrix cm = new ColorMatrix(new float[] { 
                0.501f, 0, 0, 0,0,// red
                0, 0, 0, 0, brightness,// green
                0, 0, 0.501f, 0, brightness,// blue
                0, 0, 0, 1, 0 // alpha
                });
        mPaint.setColorFilter(new ColorMatrixColorFilter(cm));
        invalidate();
    }
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 opencv android 通过触摸事件提供流体效果/调整位图大小 的相关文章

随机推荐

  • 如何解决机器人框架中测试自动化的 ssl 证书错误

    通过机器人框架运行自动化测试时 我的 Web 应用程序出现 ssl 证书错误 我尝试了下面带有不同镶边选项的代码 但没有一个在有或没有布尔值的情况下也能工作 list Create List unsafely treat insecure
  • 打印数组元素

    以下 C 程序的预期输出是打印数组元素 但实际运行时却并非如此 include
  • Python 中的梯形规则

    我正在尝试在 Python 2 7 2 中实现梯形规则 我写了以下函数 def trapezoidal f a b n h float b a n s 0 0 s h f a for i in range 1 n s 2 0 h f a i
  • cherrypy/jquery CORS 麻烦

    我有一个基于 Cherrypy 的简单 Python Web 服务器 其资源应提供API 服务器有以下代码来提供CORS def CORS cherrypy response headers Access Control Allow Ori
  • 如何创建多个警报?

    我可以使用下面的代码创建和取消警报 我想创建多个警报 闹钟时间来自数组列表 在此数组列表中 我想为每个日期创建一个警报 按下取消按钮将仅取消当前警报 我该怎么做 public void onCreate Bundle savedInstan
  • Caffe:如果两层反向传播渐变到同一个底部斑点会发生什么?

    我想知道如果我有一个层生成一个底部斑点 该斑点进一步被两个后续层消耗 这两个层都会生成一些梯度来填充反向传播阶段的 Bottom diff 将两个梯度相加形成最终梯度吗 或者说 只有他们一个人能够活下去 根据我的理解 Caffe 层需要在用
  • FOS用户包认证

    How FOS 用户包通过此服务容器对用户进行身份验证 this gt container gt get security context gt getToken gt getUser 我想操纵身份验证过程 我应该在捆绑包中查看哪里 实际上
  • Android 设备安装新字体

    我需要在我的 Android 设备上安装泰米尔字体 是否可以在 Android 设备中安装新的 Unicode 字体 您可以将自己的字体嵌入到自己的应用程序中供自己使用 您无法将字体添加到现有设备 除非作为自定义固件构建的一部分 或者可能通
  • Swift 将 .uppercaseString 仅应用于字符串的第一个字母

    我正在尝试制作一个自动更正系统 当用户输入大写字母的单词时 自动更正不起作用 为了解决这个问题 我复制了键入的字符串 应用了 lowercaseString 然后比较它们 如果字符串确实输入错误 则应该更正该单词 然而 替换键入的单词的单词
  • 使用概念来选择类模板专业化

    这个问题演示如何使用 C 20 概念进行选择超载 for a function模板 我正在尝试做类似的事情 选择专业化 for a class模板 我从一个类模板开始Angle
  • 使用 pandas 从 zip 中读取特定的 csv 文件

    这是我感兴趣的一个数据 http fenixservices fao org faostat static bulkdownloads Production Crops E All Data zip 它由 3 个文件组成 我想用 panda
  • 连接未知数量的列和行[重复]

    这个问题在这里已经有答案了 几天来我一直在尝试一些东西 但我真的很迷失 有人可以帮我吗 我想将 Excel 中的列从第一列连接到最后一个非空列 并在每列之间添加逗号 接下来 我想应用从第一行到最后一个非空行的循环 我成功地使用已知数量的列
  • 使用 Google Apps 脚本将所有工作表转换为 PDF

    我正在尝试将包含多个工作表的 Google 电子表格转换为 PDF 文件 下面的脚本有效 但它仅创建包含电子表格最后一页的 PDF function savePDFs SpreadsheetApp flush var ss Spreadsh
  • 如何在 Mac OS X 上强制使用 64 位 python?

    使用 arch x86 64 选项编译 sip 时出现以下错误 prosseek siplib smcho python c import sip print sip Traceback most recent call last File
  • Qt4 + matplotlib 的 mplot3d

    我正在尝试在 Qt4 GUI 中嵌入 3D 绘图 有其他按钮 这可以使用 matplotlib 的 mplot3d 吗 我知道可以使用 matplotlib backends backend qt4agg 绘制二维图 并且我已经这样做了 如
  • C++ - 排序算法看不到用户定义类型的重载“<”运算符。

    好的 我有 1 个名为的用户定义类型fraction它代表带有分子和分母的普通分数 这是代码 class Fraction private int numerator int denominator public Fraction int
  • 如何使用 JSON 数据填充 React Select?

    如何填充选项反应选择使用下面没有的 JSON 数据value and label特性 sortCode 55 77 42 accountNumber 08488234 accountType Savings Account accountN
  • 替换 JSON 中的属性值

    如果我有一个看起来像这样的 JSON 结构 var user map width 785 height 791 image name image png size width 32 properties firstName Bob last
  • 我可以在 UITextField 中放置不可编辑的文本吗

    我想在 UITextField 内放置一些固定文本 但在插入点之前 有点像这样 他 走向 其中 towaards 是可编辑部分 重点是在上下文中显示可编辑文本 这可能吗 和 或有更好的选择吗 我想你可以通过实施来做到这一点UITextFie
  • 如何使用 opencv android 通过触摸事件提供流体效果/调整位图大小

    我是 OpenCV4Android 和 Android NDK 的新手 努力实现 相对于图像上的触摸点拉伸图像 将头发放在脸上并使用触摸事件相应地拉伸它 例如 虚拟化妆应用程序 问题 使用 Java 时 通过从位图获取矩阵并在触摸事件上重新