autojs你画我猜-阿里云开发者社区

autojs你画我猜

2022-06-27 322

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 牙叔教程简单易懂

牙叔教程简单易懂

效果展示

思路

环境

手机: Mi 11 Pro

Android版本: 11

Autojs版本: 9.0.14

你将学到以下知识点

提取图片轮廓
指定画板区域
缩放bitmap
在画板中心绘制图片
bitmap转Mat
悬浮窗的显示和隐藏
无障碍画图片轮廓
脚本间广播
可视化mat
获取和修改mat元素的值
arrayList释放资源
opencv高斯模糊, 灰度, 二值化
记忆和还原悬浮窗位置
RecyclerView的基本用法
webview执行js代码
webview获取网页dom节点
webview和autojs的交互
下载图片保存为bitmap
获取图片大小
webview的各种监听
悬浮窗随手指移动
节流和防抖
RecyclerView数据的更新

代码讲解

1. 导入类

runtime.images.initOpenCvIfNeeded();
importClass(android.graphics.Bitmap);
importClass(org.opencv.core.MatOfByte);
importClass(org.opencv.core.Scalar);
...
importClass(Packages.androidx.recyclerview.widget.DividerItemDecoration);
importClass(android.widget.LinearLayout);
importClass(java.util.ArrayList);

2. 修改坐标等信息

let 画板位置 = {
  left: 398,
  top: 1862,
  right: 1130,
  bottom: 2447,
};
画板位置.width = 画板位置.right - 画板位置.left;
画板位置.height = 画板位置.bottom - 画板位置.top;
module.exports = {
  画一个轮廓的时间: 600,
  第一次搜索的词语: "花儿",
  画板位置: 画板位置,
};

3. 大悬浮窗显示图片

var w = floaty.rawWindow(
  <vertical id="parent" bg="#888888" margin="10" w="200dp" h="600dp">
    <horizontal>
      <text text="关键词" textSize="20sp"></text>
      <input id="keyword" hint="关键词" textSize="20sp" w="50dp" layout_weight="1"></input>
    </horizontal>
    <horizontal>
      <button id="search" layout_weight="1" textSize="20sp">
        搜索
      </button>
    </horizontal>
    <text id="title" textSize="22sp" textColor="#fbfbfe" bg="#00afff" w="*" gravity="center"></text>
    <webview id="webview" h="1" bg="#ff00ff"></webview>
    <androidx.recyclerview.widget.RecyclerView id="rv" bg="#33000000" w="*" h="*" />
  </vertical>
);

4. 小悬浮窗负责显示大悬浮窗

let ball = floaty.window(
  <vertical>
    <card cardCornerRadius="30dp">
      <vertical w="60dp" h="60dp" padding="6" bg="#ff00ff">
        <text id="showBigWindow" w="*" h="*" gravity="center" textSize="33sp">
          大
        </text>
      </vertical>
    </card>
  </vertical>
);

5. 悬浮窗显示和隐藏

events.broadcast.on("hideBigWindow", function (name) {
  log("接收到消息: " + "hideBigWindow");
  bigWindowCoordinate = [w.getX(), w.getY()];
  ui.run(function () {
    w.setPosition(-3000, -3000);
  });
});
events.broadcast.on("showSmallWindow", function (name) {
  log("接收到消息: " + "showSmallWindow");
  let w = ball.getWidth();
  let h = ball.getHeight();
  ui.run(function () {
    ball.setPosition(-(w / 4) * 1, device.height / 2 - h / 2);
  });
});

6. 点击小悬浮窗, 就显示大悬浮窗

ball.showBigWindow.click(function () {
  ball.setPosition(-3000, -3000);
  w.setPosition(bigWindowCoordinate[0], bigWindowCoordinate[1]);
});

7. 获取网页图片资源

function command() {
  let elements = document.querySelectorAll("[data] > img");
  var len = elements.length;
  let imgDataList = [];
  for (var i = 0; i < len; i++) {
    imgDataList.push(elements[i].src);
  }
  elements = document.querySelectorAll(".content");
  len = elements.length;
  for (var k = imgDataList.length; k < imgDataList.length + len; k++) {
    if (elements[k]) {
      imgDataList.push(elements[k].style.backgroundImage.replace('url("', "").replace('")', ""));
    }
  }
  elements = null;
  let result = imgDataList.join("===").toString();
  imgDataList = null;
  return result;
}

8. webview执行js

webview.evaluateJavascript(";" + command.toString() + ";command();", function (imgDataList) {});

9. 下载图片

if (~arr[i].indexOf("https")) {
  let url = arr[i].replace(/"/g, "");
  let bitmap = getURLimage(url);
  if (bitmap) {
    newDataList.push({
      url: url,
      bitmap: bitmap,
      i: i,
      size: bitmap.getAllocationByteCount(),
    });
  }
}

10. 更新数据, 回收旧图片

ui.run(function () {
  setRecyclerViewAdapter(recyclerView, itemView, newDataList);
});
dataList = newDataList;
ui.post(function () {
  recycleData(oldDataList);
});

11. 输入框申请焦点

w.keyword.on("touch_down", function () {
  w.requestFocus();
  w.keyword.requestFocus();
});

12. 搜索按钮点击事件

w.search.on("click", function () {
  w.disableFocus();
  w.search.setEnabled(false);
  setTimeout(function () {
    w.search.setEnabled(true);
  }, 3000);
  var keyword = w.keyword.text();
  if (keyword.length == 0) {
    return;
  }
  webview.loadUrl(url);
});

名人名言

思路是最重要的, 其他的百度, bing, stackoverflow, github, 安卓文档, autojs文档, 最后才是群里问问
--- 牙叔教程

声明

部分内容来自网络
本教程仅用于学习, 禁止用于其他用途