autojs颜色渐变效果

牙叔教程简单易学

使用场景

颜色渐变

视频教学

autojs颜色渐变

autojs版本

原理

使用androidx自带的颜色工具类来混合颜色

代码讲解

1. 布局

ui.layout(<vertical gravity="center"><button id="渐变色">渐变色</button><View id="view1" w="300dp" h="300dp"></View></vertical>
);

2. 初始化变量

let view;
view = ui.view1;
let color1 = "#ff0000";
let color2 = "#00ff00";
view.attr("bg", color1);

3. 设置按钮点击事件

ui.渐变色.click(start);

具体函数

1. 创建handler

let mHandler = new Handler({handleMessage: function (msg) {let a = msg.arg1;if (a <= 500) {let message = mHandler.obtainMessage();message.arg1 = a + 1;mHandler.sendMessageDelayed(message, 1);let fraction = a / 500;let color = blendColors(colors.parseColor(color1), colors.parseColor(color2), fraction);view.attr("bg", colors.toString(color));}mHandler.handleMessage(msg);return true;},
});

2. handler发送消息

function start() {let msg = new Message();msg.arg1 = 0;mHandler.sendMessageDelayed(msg, 1);
}

3. 混合颜色

/*** 颜色渐变** @param color1 起始颜色* @param color2 终止颜色* @param ratio 颜色变化频率 从0-1* @return 颜色值*/
function blendColors(color1, color2, ratio) {return ColorUtils.blendARGB(color1, color2, ratio);
}

注意事项

blendColors的颜色参数范围, 必须在Integer范围之内, 不可以用这种 0xffff0000,
可能java里面能用, 但是js里面不可以
ui.view.setBackgroundColor(color); 不管用,
要用 view.attr("bg", colors.toString(color));代替
控件的id名字不可以是 view, 因为ui.view是默认的根控件
测试代码如下

"ui";
ui.layout(<vertical><button>牙叔教程 简单易学</button></vertical>
);
ui.post(function () {log(ui.view.getWidth());log(ui.view.getHeight());ui.view.attr("bg", "#ff00ff");
});

参考文章

1. Android颜色渐变效果

声明

部分内容来自网络

微信公众号牙叔教程

QQ群

747748653

完整源码

autojs颜色渐变效果相关推荐

html5做文字颜色渐变代码,神奇！js+CSS+DIV实现文字颜色渐变效果_javascript技巧
本文实例为大家分享了DIV+CSS+JS实现的文字颜色渐变效果,供大家参考,具体内容如下下面是 CSS 部分代码: body{ font:12px/1.5 Microsoft Yahei;}h3{ ...
Android 字体颜色渐变效果 Span实现
Android 实现字体颜色渐变效果废话留在后面直接上代码 public class LinearGradientFontSpan extends ReplacementSpan {private ...
在VC中用GDI+绘制角度可变的颜色渐变效果-.NET教程,VB.Net语言[转]
在VC中用GDI+绘制角度可变的颜色渐变效果-.NET教程,VB.Net语言作者:网友供稿点击:4 gdi+ 是gdi(windows 早期版本提供的图形设备接口)的后续版本,是microsoft ...
JS获取颜色渐变效果数组
JS获取颜色渐变效果数组 function rgbToHex(r,g,b){var hex = ((r << b) | (g << 8) | b).toString(16)re ...
java按钮鼠标经过渐变_JavaScript实现的鼠标响应颜色渐变效果完整实例
本文实例讲述了JavaScript实现的鼠标响应颜色渐变效果.分享给大家供大家参考,具体如下: 运行效果图如下: 完整代码如下: /p> "http://www.w3.org/TR/x ...
NGUI之UILabel颜色渐变效果
1. UILabel简介 (1)UILabel支持类型 a.图字:是指根据某些工具,将游戏中需要用到的文字渲染到一张纹理上,并附其纹理信息(包括 id值,尺寸,间距等). b.字库字:是指直接载入tt ...
CSS：实现动态流光线条效果/动态流光线条颜色渐变效果
需求描述: 需要实现类似下图中的动态流光线条效果: 思路: 提到这种动态绘制矢量图形的需求,一般会想到使用canvas:由于笔者不太熟悉canvas动画也可以考虑用CSS来实现,这里先记录使用CSS实 ...
eCharts实现颜色渐变效果环形图
之前我尝试了Element-ui的环形进度条实现颜色渐变效果这个对eCharts来说简直就是小case. 完成之后的效果图如下: 对应的页面源代码如下: <template><di ...
android 渐变的背景色,Android开发——实现背景颜色渐变效果-Go语言中文社区
前言在Android开发当中,我们肯定会接到有业务需求是:让APP的某一些背景颜色产生渐变效果.那我们应该怎么去实现呢?接下就是我要为大家介绍的了. 效果图这是需求要达到的效果.接下来说一下是怎么 ...
jquery html渐变效果,jQuery实现字体颜色渐变效果的方法
本文实例讲述了jQuery实现字体颜色渐变效果的方法.分享给大家供大家参考,具体如下: jQuery不允许css属性值为非数字的属性进行动画处理, 比如.animate(color:'red',500 ...

autojs颜色渐变效果

使用场景

视频教学

autojs版本

原理

代码讲解

1. 布局

2. 初始化变量

3. 设置按钮点击事件

具体函数

1. 创建handler

2. handler发送消息

3. 混合颜色

注意事项

参考文章

1. Android颜色渐变效果

声明

微信公众号牙叔教程

QQ群

完整源码

autojs颜色渐变效果相关推荐

最新文章

热门文章

autojs颜色渐变效果

使用场景

视频教学

autojs版本

原理

代码讲解

1. 布局

2. 初始化变量

3. 设置按钮点击事件

具体函数

1. 创建handler

2. handler发送消息

3. 混合颜色

注意事项

参考文章

1. Android颜色渐变效果

声明

微信公众号 牙叔教程

QQ群

完整源码

autojs颜色渐变效果相关推荐

最新文章

热门文章

微信公众号牙叔教程