javacv(openCV)matchTemplate多目标匹配抖音评论的点赞按钮

  1. 应用背景

之前使用adb的指令
adb shell uiautomator dump --compressed /data/local/tmp/uidump.xml
来获取布局文件,然后识别控件的坐标位置,但发现会报
ERROR: could not get idle stateorcould not get idle state的错误,效率很低。因此后来采用了先截屏,然后通过图片匹配识别控件位置,返回控件的坐标,即是本文要介绍的内容,由于开发用java,顺其自然的使用了javaCV,但目前这方面的资料较少。

  1. 先来看具体效果

截屏得到的原图

需要识别点赞按钮图标

匹配结果效果图

重要:一定要保证原图与目标图的分辨率一致,不能压缩,简单的办法是使用电脑自带的画图工具来抠去目标图。

  1. 引入maven

<dependency>
      <groupId>org.bytedeco</groupId>
      <artifactId>javacv-platform</artifactId>
      <version>1.5.3</version>
</dependency>

用的是最新版,只引入这个包即可,但下载需要好久,后来更换为阿里云的仓库地址,快了很多,后期考虑精简依赖。

  1. 具体实现

package com.hilbp.web.controller;

import static org.bytedeco.opencv.global.opencv_imgproc.cvtColor;

import java.util.ArrayList;
import java.util.List;
import java.util.concurrent.ThreadLocalRandom;

import org.bytedeco.javacpp.DoublePointer;
import org.bytedeco.javacpp.indexer.FloatIndexer;
import org.bytedeco.opencv.global.opencv_core;
import org.bytedeco.opencv.global.opencv_highgui;
import org.bytedeco.opencv.global.opencv_imgcodecs;
import org.bytedeco.opencv.global.opencv_imgproc;
import org.bytedeco.opencv.opencv_core.Mat;
import org.bytedeco.opencv.opencv_core.Point;
import org.bytedeco.opencv.opencv_core.Rect;
import org.bytedeco.opencv.opencv_core.Scalar;
import org.bytedeco.opencv.opencv_core.Size;

import lombok.extern.slf4j.Slf4j;

@Slf4j
public class ImageTest {
    
    
    
    public void test() {
        String[] args = new String[2];
        args[0] = "log/screen.png"; //截屏图片
        args[1] = "log/1.png"; //点赞的图标
        newStyle(args);
    }
    
    public void newStyle(String[] args){
        
        //read in image default colors
        Mat sourceColor = opencv_imgcodecs.imread(args[0]);
        Mat sourceGrey = new Mat(sourceColor.size(), opencv_core.CV_8UC1);
       cvtColor(sourceColor, sourceGrey, opencv_imgproc.COLOR_BGR2GRAY);
       
       //load in template in grey 
       Mat template = opencv_imgcodecs.imread(args[1], opencv_imgcodecs.IMREAD_GRAYSCALE);//int = 0
       
       //Size for the result image
       Size size = new Size(sourceGrey.cols()-template.cols()+1, sourceGrey.rows()-template.rows()+1);
       Mat result = new Mat(size, opencv_core.CV_32FC1);
       opencv_imgproc.matchTemplate(sourceGrey, template, result, opencv_imgproc.TM_CCORR_NORMED);
//       opencv_imgproc.threshold(src, dst, thresh, maxval, ThresholdTypes.Tozero);
//       opencv_imgproc.floodFill(image, seedPoint, newVal)
       
       DoublePointer minVal= new DoublePointer();
       DoublePointer maxVal= new DoublePointer();
       Point min = new Point();
       Point max = new Point();
       opencv_core.minMaxLoc(result, minVal, maxVal, min, max, null);
//       log.info("[{}, {}]", max.x(), max.y());
//       opencv_imgproc.rectangle(sourceColor,new Rect(max.x(),max.y(),template.cols(),template.rows()), randColor(), 2, 0, 0);
       
       int centerWith = template.cols() / 2;
       int centerHeight = template.rows() / 2;
       getPointsFromMatAboveThreshold(result, 0.9999f).stream().forEach((point) -> {
           log.info("[{}, {}]", point.x(), point.y());
           log.info("[{}, {}]", point.x() + centerWith, point.y() + centerHeight);
           opencv_imgproc.rectangle(sourceColor, new Rect(point.x(), point.y(), template.cols(), template.rows()), randColor(), 2, 0, 0);
       });

//       List<Point> points = this.getPointsFromMatAboveThreshold(result, 0.99f);
//       for(Point point : points) {
//         opencv_imgproc.rectangle(sourceColor,new Rect(point.x(), point.y(), 30, 30), randColor(), 2, 0, 0);
//         
//       }
       opencv_highgui.imshow("Original marked", sourceColor);
//       imshow("Ttemplate", template);
//       imshow("Results matrix", result);
       
       opencv_imgcodecs.imwrite("log/res.png", sourceColor);
       
       opencv_highgui.waitKey(0);
       
       
       opencv_highgui.destroyAllWindows();
        
    }

    // some usefull things.
    public Scalar randColor(){
       int b,g,r;
       b= ThreadLocalRandom.current().nextInt(0, 255 + 1);
       g= ThreadLocalRandom.current().nextInt(0, 255 + 1);
       r= ThreadLocalRandom.current().nextInt(0, 255 + 1);
       return new Scalar (b,g,r,0);
    }
    
    public List<Point> getPointsFromMatAboveThreshold(Mat m, float t){
        
        List<Point> matches = new ArrayList<Point>();
        FloatIndexer indexer = m.createIndexer();
        for (int y = 0; y < m.rows(); y++) {
            for (int x = 0; x < m.cols(); x++) {
                if (indexer.get(y,x) > t) {
                    //System.out.println("(" + x + "," + y +") = "+ indexer.get(y,x));
                    matches.add(new Point(x, y));
       
                }
            }
        }
        return matches;
    }
    
}

代码把最佳匹配的代码的注释了,很重要的一点是
getPointsFromMatAboveThreshold(result, 0.9999f)
中的0.9999f的阈值的设置,这个很重要,多试几次。调低了的话结果可能不准。
代码的一下语句:打印目标图左上角的坐标和计算后的目标图的中心点坐标

log.info("[{}, {}]", point.x(), point.y());
log.info("[{}, {}]", point.x() + centerWith, point.y() + centerHeight);
  1. 后记

本文重在功能逻辑的实现,关于javacv的学习,由于篇幅限制不予展开。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,907评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,987评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,298评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,586评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,633评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,488评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,275评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,176评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,619评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,819评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,932评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,655评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,265评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,871评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,994评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,095评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,884评论 2 354