【AutoJs】AutoJs实现用户界面交互的方式_autojs ui

Auto.js 中渲染用户界面（UI）用于用户与系统交互有三种不同方式：UI、Floaty 和 Dialog，它们在用途和实现上有一些区别。下面各自介绍一下相应方法。

1 Dialogs（对话框）

Dialog 模块用于显示各种对话框。对话框是一种弹出式窗口，通常用于与用户进行短期交互，例如显示警告、确认信息、输入文本等，可以在弹出的对话框中带有确认和取消按钮来让用户输入。

Dialogs 提供了一组预定义的对话框类型，如 dialogs.alert()、dialogs.confirm() 和 dialogs.prompt()，它们可以方便地显示标准的对话框并接受用户输入。

Dialogs 用于短期的、离散的用户交互，不适用于创建复杂的应用程序界面。

• 最简单的一个dialog，弹出消息提示：

alert("您好");
1

2 Floaty（悬浮窗）

Floaty 模块实现了悬浮窗功能，在屏幕上显示一个可持续的小窗口，可以包含按钮、文本或其他 UI 元素。悬浮窗口通常用于在当前屏幕上显示快速操作按钮，以便用户可以方便地与脚本进行交互。

Floaty 可以轻松地创建简单的悬浮窗口，而不需要像 UI 模块那样定义复杂的 XML 布局，也不像dialog那么短暂。

Floaty 主要用于创建简单的、轻量级的用户界面元素，通常用于快速操作和反馈。

var w = floaty.window(
	//XML布局
    <frame gravity="center">
        <text id="text">悬浮文字</text>
    </frame>
);
setTimeout(()=>{
    w.close();
    //设置2秒后关闭显示的悬浮文字
}, 2000);

1
2
3
4
5
6
7
8
9
10
11

3 UI（用户界面）：

Auto.js的UI系统来自于Android，所有属性和方法都能在Android源码中找到。如果某些代码或属性没有出现在Auto.js的文档中，可以参考Android的文档。

ui模式是一种基于 XML 描述的界面定义方式，类似于 Android 的布局文件。可以使用 XML 定义界面元素的布局和属性，然后在脚本中引用该布局文件来创建用户界面。

UI 具有丰富的控件支持，例如按钮、文本框、列表视图等，可以实现比floaty更复杂的用户界面，但代码复杂度更高。
UI 通常用于创建复杂的应用程序界面，涉及到多个屏幕和用户输入的处理。

带有ui的脚本的的第一条语句必须是"ui";用于指定ui模式，否则脚本将不会以ui模式运行。

//前面不能有其他语句，可以有注释，换行，空格
"ui";
//布局写在$ui.layout中
$ui.layout(
    <vertical>
        <button text="第一个按钮"/>
        <button text="第二个按钮"/>
    </vertical>
);

//其他代码
1
2
3
4
5
6
7
8
9
10
11

4 区别

• 以上三种方式在 Auto.js 中用于用户界面交互，但它们的使用场景和实现方式有所不同。UI 用于创建复杂的应用程序界面，Floaty 用于创建轻量级的悬浮窗口，而 Dialog 用于显示短期的对话框交互。
  应当根据需求和交互复杂度来选择适当的方式，如一般的简单脚本建议使用floaty足够。

• floaty和ui均为创建持续的界面，不建议在同一脚本使用，而dialog因为是会消失的所以可以在前两者中嵌套使用

• floaty创建的界面是基于手机自身界面上显示控件，而ui会默认占满全屏遮挡原界面，显示一个独立的界面