【autojs学习】autojs按钮点击变色

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

在学习autojs的时候，自己需要实现悬浮窗按钮点击后变色的效果，发现官方提供的文档中UI部分button的内容提示到：按钮控件是一个特殊的文本控件，因此所有文本控件的函数的属性都适用于按钮控件。还有设置三种特殊按钮的效果。

通过参考文本控件的属性来设置颜色，但是没提示修改颜色的方法提供，然后在网上查找找到通过：

• 控件id.attr(“属性名”,“属性值”)

这个方式来修改颜色。例子:ui.button.attr(“bg”,“#ff5722”)

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、效果图

效果截图：

二、代码

1.

代码如下（示例）：

var flwindow = floaty.window(
    <vertical id="floating">
           <button id="pause" text=" 暂 停 " h="40" w="130" textSize="15"  textStyle="bold" color="#ffffff" bg="#4EBFDD" margin="1"/>
    </vertical>
)
    flwindow.exitOnClose();//如果悬浮窗关闭就停止程序
    flwindow.setAdjustEnabled(true);//悬浮窗的三个按钮显示
    flwindow.setPosition(100,100);//悬浮窗的出现位置
    setInterval(()=>{}, 1000);//保持悬浮窗不关闭
    flwindow.pause.click(function(){
        if(flwindow.pause.getText()==" 暂 停 "){
            flwindow.pause.setText("暂停中，点击继续");
            flwindow.pause.attr("bg","#ff5722");
            toast("程序暂停运行");
        }else{
            flwindow.pause.setText(" 暂 停 ");
            flwindow.pause.attr("bg","#4EBFDD");
            toast("程序继续运行");
        }
    })

总结

通过属性修改的方法可以变换按钮颜色.