Auto.js 中渲染用户界面(UI)用于用户与系统交互有三种不同方式:UI、Floaty 和 Dialog,它们在用途和实现上有一些区别。下面各自介绍一下相应方法。
1 Dialogs(对话框)
Dialog 模块用于显示各种对话框。对话框是一种弹出式窗口,通常用于与用户进行短期交互,例如显示警告、确认信息、输入文本等,可以在弹出的对话框中带有确认和取消按钮来让用户输入。
Dialogs 提供了一组预定义的对话框类型,如 dialogs.alert()、dialogs.confirm() 和 dialogs.prompt(),它们可以方便地显示标准的对话框并接受用户输入。
Dialogs 用于短期的、离散的用户交互,不适用于创建复杂的应用程序界面。
- 最简单的一个dialog,弹出消息提示:
alert("您好");
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);
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>
);
//其他代码
4 区别
-
以上三种方式在 Auto.js 中用于用户界面交互,但它们的使用场景和实现方式有所不同。UI 用于创建复杂的应用程序界面,Floaty 用于创建轻量级的悬浮窗口,而 Dialog 用于显示短期的对话框交互。
应当根据需求和交互复杂度来选择适当的方式,如一般的简单脚本建议使用floaty足够。 -
floaty和ui均为创建持续的界面,不建议在同一脚本使用,而dialog因为是会消失的所以可以在前两者中嵌套使用文章来源:https://www.toymoban.com/news/detail-762933.html
-
floaty创建的界面是基于手机自身界面上显示控件,而ui会默认占满全屏遮挡原界面,显示一个独立的界面文章来源地址https://www.toymoban.com/news/detail-762933.html
到了这里,关于【AutoJs】AutoJs实现用户界面交互的方式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!