autojs图片加水印

牙叔教程简单易懂

效果展示

修改列数

修改行数

修改旋转角度

修改颜色

环境

手机: Mi 11 Pro

Android版本: 11

Autojs版本: 9.0.10

图片添加水印步骤

选择一张图片
使用canvas在图片上画文字
调整水印到自己满意为止
保存添加水印的图片

你将学到以下知识点

更换img控件的图片
seekbar设置和获取最大值, 当前值, 以及滑动监听
检测颜色是否符合十六进制
监听输入框
避免图片引用冲突导致报错
获取文字的宽高
旋转画板
绘制文字

如果上面的你都会了, 就没必要看下去了, 划走吧

代码讲解

1. ui界面

ui.layout(<vertical><img id="img" h="300dp" w="*"></img><text margin="9" id="title" textSize="22sp" textColor="#fbfbfe" bg="#00afff" w="*" gravity="center"></text><vertical margin="33"><horizontal><text text="行: " textSize="30sp"></text><text id="rowValue" text="0" textSize="30sp"></text><seekbar id="rowSeekbar" margin="9" w="*"></seekbar></horizontal><horizontal><text text="列: " textSize="30sp"></text><text id="colValue" text="3" textSize="30sp"></text><seekbar id="colSeekbar" margin="9" w="*"></seekbar></horizontal><horizontal><text text="角度: " textSize="30sp"></text><text id="angleValue" text="0" textSize="30sp"></text><seekbar id="angleSeekbar" margin="9" w="*"></seekbar></horizontal><horizontal><text text="颜色: " textSize="30sp"></text><input id="colorValue" text="#ff0000" textSize="30sp" w="200dp"></input></horizontal><button id="save" text="保存并查看"></button></vertical></vertical>
);

2. 初始化画界面

ui.rowSeekbar.setMax(8);
ui.colSeekbar.setMax(3);
ui.colSeekbar.setProgress(3);
ui.angleSeekbar.setMax(360);
ui.title.setText("牙叔教程\n添加水印");
let imgPath = "./lynx.jpg";
imgPath = files.path(imgPath);
let imgO = images.read(imgPath);
let bitmapO = imgO.getBitmap();
ui.img.setImageBitmap(bitmapO);

3. 点击按钮, 保存图片

ui.save.click(function () {if (!imgWithWatermark) {toastLog("图片未添加水印");return false;} else {images.save(imgWithWatermark, "/sdcard/1.png");app.viewFile("/sdcard/1.png");}
});

4. 更新图片

function updateImg() {let col = parseInt(ui.colSeekbar.getProgress());let row = parseInt(ui.rowSeekbar.getProgress());let angle = parseInt(ui.angleSeekbar.getProgress());let currentImgWithWatermark = addWatermark(imgO, row, col, angle);lastImgWithWatermark = imgWithWatermark;imgWithWatermark = currentImgWithWatermark;ui.img.setImageBitmap(imgWithWatermark.getBitmap());lastImgWithWatermark && lastImgWithWatermark.recycle();
}

5. 监听seekbar

ui.rowSeekbar.setOnSeekBarChangeListener({onProgressChanged: function (seekBar, progress, fromUser) {if (fromUser) {ui.rowValue.setText(String(progress));updateImg();}},
});

6. 监听输入框

ui.colorValue.addTextChangedListener(new android.text.TextWatcher({afterTextChanged: function (content) {log(content);updateImg();},})
);

7. 退出脚本时, 回收资源

events.on("exit", function () {bitmapO.recycle();imgO.recycle();imgWithWatermark && imgWithWatermark.recycle();
});

8. 判断颜色是否符合十六进制

颜色支持6位和8位的十六进制, 也就是说可以调节颜色的透明度

function getColor() {let colorStr = ui.colorValue.text();if (/^#([0-9a-f]{6}|[0-9a-f]{8})$/.test(colorStr)) {let colorNum = $colors.parseColor(colorStr);return colorNum;} else {log("颜色格式错误, 正确颜色格式: #aabbcc");return $colors.parseColor("#ff0000");}
}

总结

以上就是图片添加水印的大致步骤,

如果你想有自己风格的水印, 可以在看懂代码之后, 自行修改,
比如拉伸文字, 更换字体, 添加阴影浮雕之类的效果,

本教程实现的是基础的水印, 更多的水印风格,
在你学会以后, 就可以自己给图片添加水印啦,

你的风格, 自己做主.

名人名言

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

声明

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

bilibili

牙叔教程

微信公众号牙叔教程

QQ群

747748653

完整源码立即查看

autojs图片加水印相关推荐

golang实现给图片加水印
2019独角兽企业重金招聘Python工程师标准>>> 最近跟在写golang图片加水印的方法,这里用的是一些基本的功能. package mainimport ("fmt ...
php加水印功能,PHP图片加水印功能
本篇文章主要介绍PHP图片加水印功能,感兴趣的朋友参考下,希望对大家有所帮助. 实例代码如下:<?php /** * 功能:给一张图片加上水印效果 * $i 要加水印效果的图片 * $t 水印文 ...
Java图片处理（二）图片加水印
图片加水印,是通过图片重叠绘制实现的.实现代码如下: public static void press(String pressImg, String pressText, String target ...
C# 图片加水印例程
using System; using System.IO; using System.Collections; using System.Drawing; using System.Drawing. ...
Python脚本实现图片加水印
起步图片是指由图形.图像等构成的平面媒体,有形式的事物,我们看到的,是图画.照片.拓片等的统称. 为了保护一些原创图片的版权,某些时候我们需要在图片上面,加上水印,当然你可以用Photoshop来做 ...
java 水印位置_Java实现图片加水印且控制位置和透明度
Java实现图片加水印且控制位置和透明度昨天要做一个给图片加水印的功能,不想使用一些插件,就在网上转了一会儿,经过改装成了我需要的功能,代码如下: package org.guhao; import ...
如何给图片加水印？这三个图片加水印方法，帮你添加花式水印
大家有没有这样情况,自己好不容易做好的作品发布到网络平台上结果被他人盗用了,很让人气愤,那我们应该如何避免这种情况呢? 其实我们可以给自己的作品加上一些专属的个性化水印,那小伙伴们知道图片加水印怎么操 ...
java 图片加水印不失真_java实现图片加水印效果
图片加水印代码,这些代码不常用,但是用到的时候需要注意的地方也挺多的,每次都重写比较麻烦,记下来备忘.代码是图片加水印的一般流程,可根据实际项目需要自行修改. 注:代码在JPG和PNG格式图片下测试通 ...
Java为图片加水印
Java为图片加水印工具类一.简介使用Java在图片上加上水印,可以添加文字.图片编写一个工具类的代码优化和整理使用建造者模式提高工具类的可配置性二.效果图三.基本参数 // ++++++ ...
七牛 java 加水印_七牛云图片加水印
目标:用户登录进平台后,他看到的所有图片都要以他的用户名加上水印. 1.首先说下七牛加水印的方法,首先附上官网地址: https://developer.qiniu.com/dora/manual/1 ...

autojs图片加水印

效果展示

环境

图片添加水印步骤

你将学到以下知识点

代码讲解

1. ui界面

2. 初始化画界面

3. 点击按钮, 保存图片

4. 更新图片

5. 监听seekbar

6. 监听输入框

7. 退出脚本时, 回收资源

8. 判断颜色是否符合十六进制

总结

名人名言

声明

bilibili

微信公众号牙叔教程

QQ群

完整源码立即查看

autojs图片加水印相关推荐

最新文章

热门文章

autojs图片加水印

效果展示

环境

图片添加水印步骤

你将学到以下知识点

代码讲解

1. ui界面

2. 初始化画界面

3. 点击按钮, 保存图片

4. 更新图片

5. 监听seekbar

6. 监听输入框

7. 退出脚本时, 回收资源

8. 判断颜色是否符合十六进制

总结

名人名言

声明

bilibili

微信公众号 牙叔教程

QQ群

完整源码 立即查看

autojs图片加水印相关推荐

最新文章

热门文章

微信公众号牙叔教程

完整源码立即查看