五星红旗半透明头像教程

国旗渐变头像

国庆头像 国旗渐变 制作设置教程

此生不悔入华夏 祝祖国繁荣昌盛！

效果展示

缘起

群聊的时候, 有人说这个国旗渐变的效果, 我看了一下, 有点帅呢, 就研究了一下

环境

雷电模拟器: 4.0.63 Android版本: 7.1.2 Autojs版本: 8.8.20

思路

1. 准备国旗和头像
2. 国旗修改透明渐变
3. 合并两张图片

你将学到以下知识点

• 判断图片类型, 如果用户传入了jpg, 就把他变成png
• 修改图片大小, 把国旗和头像宽高改为一致
• 修改图片为透明渐变
• 保存mat为文件
• byte数组转为16进制字符串
• mat转bitmap
• 打印mat的属性
• 合并图片

代码讲解

1. 国旗渐变我做成了模块, 方便调用

let formatImg = require("./formatImg");

let dir = files.path("./img");
var arr = files.listDir(dir);
let filePathList = arr.map((item) => {
return files.join(dir, item);

});


filePathList.map((filePath) => {

  formatImg(filePath);

});
 

2. 导入类

runtime.images.initOpenCvIfNeeded();

importClass(org.opencv.core.MatOfByte);

importClass(org.opencv.core.Scalar);

importClass(org.opencv.core.Point);

importClass(org.opencv.core.CvType);

importClass(java.util.List);

importClass(java.util.ArrayList);

importClass(java.util.LinkedList);

importClass(org.opencv.imgproc.Imgproc);

importClass(org.opencv.imgcodecs.Imgcodecs);

importClass(org.opencv.core.Core);

importClass(org.opencv.core.Mat);

importClass(org.opencv.core.MatOfDMatch);

importClass(org.opencv.core.MatOfKeyPoint);

importClass(org.opencv.core.MatOfRect);

importClass(org.opencv.core.Size);

importClass(org.opencv.features2d.DescriptorMatcher);

importClass(org.opencv.features2d.Features2d);

importClass(org.opencv.core.MatOfPoint2f);

importClass(org.opencv.android.Utils);

importClass(android.graphics.Bitmap);

importClass(java.lang.StringBuilder);

importClass(java.io.FileInputStream);

importClass(java.io.File);
 

3. 定义图片类型, 用于判断图片类型

const TYPE_JPG = "jpg";
const TYPE_GIF = "gif";
const TYPE_PNG = "png";
const TYPE_BMP = "bmp";
const TYPE_UNKNOWN = "unknown";
 

4. 归一化图片, 都改为png格式

function formatImg(imgPath) {
let type = getPicType(new FileInputStream(new File(files.path(imgPath))));
if (type === "png") {
return imgPath;

  } else if (type === "jpg") {
var img = images.read(imgPath);

    images.save(img, "/sdcard/tempImg001.png");
return "/sdcard/tempImg001.png";

  } else {

    toastLog("只支持jpg或者png");
return false;

  }

}
 

5. 读取图片

var img = images.read(imgPath);
var img2 = images.read(imgPath2);
 

6. 修改图片大小

function normalize(img, img2) {
let imgWidth = img.getWidth(); // 200
let imgHeight = img.getHeight(); // 200
return images.resize(img2, [imgWidth, imgHeight]);

}
 

7. 修改图片透明渐变

function transparentGradient(mat) {
let width = mat.width();
let height = mat.height();
let unit = 256 / width;
let wLimit = (width / 5) * 3;
for (var i = 0; i < height; i++) {
for (var j = 0; j < width; j++) {
let item = mat.get(i, j);
if (j > wLimit) {

        item[3] = 0;

      } else {

        item[3] = 180 - unit * j;

      }

      mat.put(i, j, item);

    }

  }
return mat;

}
 

8. 合并图片

let img4 = merge(mat, mat3);
 

9. 预览效果

let tempDir = files.join("/sdcard/Pictures/img");
let tempFilePath2 = files.join(tempDir, files.getName(oImgPath2));

files.createWithDirs(tempFilePath2);

images.save(img4, tempFilePath2);

app.viewFile("/sdcard/1.png");
 

10. 释放资源

img.recycle();

img2.recycle();

img3.recycle();

img4.recycle();

mat.release();

mat3.release();
 

名人名言

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