ui模式下创建悬浮窗需要另起一个线程,否则会报错。

UI界面代码:

"ui";
ui.layout(
<vertical>
<button id="open" text="开启悬浮窗" />
<button id="close" text="关闭悬浮窗" />
</vertical>

然后还要提前为悬浮窗新建一个变量,以便在两个不同的线程中操作这个悬浮窗。

var window

设置“开启”按钮的点击事件,点击后新建一个线程,在这个新的线程里面创建悬浮窗。

ui.open.click(function(){
    threads.start(function(){
        window = floaty.window(
            <horizontal>
                 <img radius="50" w="50" h="50" src="https://liangxingjian.com/logo.jpg" />
            </horizontal>
        )
    })
})

现在运行之后,点击“开启悬浮窗”按钮已经可以正常显示悬浮窗了,然后我们还要实现通过点击“关闭悬浮窗”按钮来关闭悬浮窗和销毁线程。

ui.close.click(function() {
    window.close()
    threads.shutDownAll()
})

视频演示(模糊画质):https://liangxingjian.com/usr/uploads/2019/01/3161792033.mp4

标签: JavaScript, Auto.js

添加新评论