文章

Autojs模块：UI界面

脚本如何对接UI界面

哔哩哔哩：https://www.bilibili.com/video/BV1rCfiYxEKW/

示例代码

1、按钮控件

  1. "ui";
  2. ​
  3. ui.layout(
  4.     <vertical padding="16">
  5.         <button text="普通按钮" w="auto"/>
  6.         <button text="带颜色按钮" style="Widget.AppCompat.Button.Colored" w="auto"/>
  7.         <button text="无边框按钮" style="Widget.AppCompat.Button.Borderless" w="auto"/>
  8.         <button text="无边框有颜色按钮" style="Widget.AppCompat.Button.Borderless.Colored" w="auto"/>
  9.         <button text="长长的按钮" w="*"/>
  10.         <button id="click_me" text="点我" w="auto"/>
  11.     </vertical>
  12. );
  13. ​
  14. ui.click_me.on("click", ()=>{
  15.     toast("我被点啦");
  16. });
  17. ​
  18. ui.click_me.on("long_click", ()=>{
  19.     toast("我被长按啦");
  20. });

2、表格控件(一)

3、表格控件(二)

4、表格控件(三)

5、表格控件(四)

  1. "ui";
  2. ​
  3. ui.layout(
  4.     <vertical>
  5.         <linear>
  6.             <input id="input" layout_weight="1" textColor="black" textSize="16sp" marginLeft="16"/>
  7.             <button id="search" text="搜索" style="Widget.AppCompat.Button.Borderless.Colored"/>
  8.             <button id="reset" text="重置" style="Widget.AppCompat.Button.Borderless.Colored"/>
  9.         </linear>
  10.         <grid id="icons" spanCount="4" h="*">
  11.             <img src="@drawable/{{this}}" h="80" margin="12" bg="?selectableItemBackgroundBorderless"/>
  12.         </grid>
  13.     </vertical>
  14. );
  15. ​
  16. //部分内置图标名称
  17. var icons = ['ic_speaker_phone_black_48dp', 'ic_stay_current_landscape_black_48dp', 'ic_stay_current_portrait_black_48dp', 'ic_stay_primary_landscape_black_48dp'];
  18. ​
  19. ui.icons.setDataSource(icons);
  20. ​
  21. ui.icons.on("item_click", function(icon){
  22.     var d = "@drawable/" + icon;
  23.     setClip(d);
  24.     toast(d + "已复制到剪贴板");
  25. });
  26. ​
  27. ui.search.on("click", function(){
  28.     var text = ui.input.text();
  29.     if(text.length == 0){
  30.         return;
  31.     }
  32.     search(text);
  33. });
  34. ​
  35. ui.reset.on("click", function(){
  36.     ui.icons.setDataSource(icons);
  37. });
  38. ​
  39. function search(keywords){
  40.     var result = [];
  41.     for(var i = 0; i < icons.length; i++){
  42.         var icon = icons[i];
  43.         if(icon.indexOf(keywords) >= 0){
  44.             result.push(icon);
  45.         }
  46.     }
  47.     ui.icons.setDataSource(result);
  48. }
  49. ​

6、复选框单选框控件

  1. "ui";
  2. ​
  3. ui.layout(
  4.     <vertical padding="16">
  5.         <checkbox id="cb1" text="复选框"/>
  6.         <checkbox id="cb2" checked="true" text="勾选的复选框"/>
  7.         <radiogroup>
  8.             <radio text="单选框1"/>
  9.             <radio text="单选框2"/>
  10.             <radio text="单选框3"/>
  11.         </radiogroup>
  12.         <radiogroup mariginTop="16">
  13.             <radio text="单选框1"/>
  14.             <radio text="单选框2"/>
  15.             <radio text="勾选的单选框3" checked="true"/>
  16.         </radiogroup>
  17.     </vertical>
  18. );
  19. ​
  20. ui.cb1.on("check", (checked)=>{
  21.     if(checked){
  22.         toast("第一个框被勾选了");
  23.     }else{
  24.         toast("第一个框被取消勾选了");
  25.     }
  26. });

7、进度条控件（一）

8、进度条控件（二）

  1. "ui";
  2. ​
  3. ui.layout(
  4.     <vertical padding="16">
  5.         <text text="处理中..." textColor="black" textSize="16sp"/>
  6.         <progressbar />
  7. ​
  8.         <text text="直线无限进度条" textColor="black" textSize="16sp" marginTop="24"/>
  9.         <progressbar indeterminate="true" style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"/>
  10. ​
  11.         <text text="直线进度条" textColor="black" textSize="16sp" marginTop="24"/>
  12.         <progressbar progress="30" style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"/>
  13. ​
  14.         <text text="可调节进度条" textColor="black" textSize="16sp" marginTop="24"/>
  15.         <seekbar progress="20"/>
  16. ​
  17.         <horizontal gravity="center" marginTop="24">
  18.             <text id="progress_value" textColor="black" textSize="16sp" margin="8" text="0"/>
  19.             <progressbar id="progress" w="*" style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"/>
  20.         </horizontal>
  21.         <button id="download">开始下载</button>
  22.     </vertical>
  23. );
  24. ​
  25. var downloadId = null;
  26. ​
  27. ui.download.click(()=>{
  28.     if(downloadId != null){
  29.         stopDownload();
  30.     }else{
  31.         startDownload();
  32.     }
  33. });
  34. ​
  35. function stopDownload(){
  36.     ui.download.text("开始下载");
  37.     clearInterval(downloadId);
  38.     downloadId = null;
  39. }
  40. ​
  41. function startDownload(){
  42.     if(ui.progress.getProgress() == 100){
  43.         ui.progress.setProgress(0);
  44.     }
  45.     ui.download.text("停止下载");
  46.     downloadId = setInterval(()=>{
  47.         var p = ui.progress.getProgress();
  48.         p++;
  49.         if(p > 100){
  50.             stopDownload();
  51.             return;
  52.         }
  53.         ui.progress.setProgress(p);
  54.         ui.progress_value.setText(p.toString());
  55.     }, 200);
  56. }

9、卡片布局

  1. "ui";
  2. ​
  3. ui.layout(
  4.     <vertical>
  5.         <appbar>
  6.             <toolbar id="toolbar" title="卡片布局"/>
  7.         </appbar>
  8.     
  9.         <card w="*" h="70" margin="10 5" cardCornerRadius="2dp"
  10.             cardElevation="1dp" gravity="center_vertical">
  11.             <vertical padding="18 8" h="auto">
  12.                 <text text="写操作系统作业" textColor="#222222" textSize="16sp"/>
  13.                 <text text="明天第1～2节" textColor="#999999" textSize="14sp"/>
  14.             </vertical>
  15.             <View bg="#f44336" h="*" w="10"/>
  16.         </card>
  17.     
  18.         <card w="*" h="70" margin="10 5" cardCornerRadius="2dp"
  19.             cardElevation="1dp" gravity="center_vertical">
  20.             <vertical padding="18 8" h="auto">
  21.                 <text text="修复ui模式的Bug" textColor="#222222" textSize="16sp"/>
  22.                 <text text="无限期" textColor="#999999" textSize="14sp"/>
  23.             </vertical>
  24.             <View bg="#ff5722" h="*" w="10"/>
  25.         </card>
  26.     
  27.         <card w="*" h="70" margin="10 5" cardCornerRadius="2dp"
  28.             cardElevation="1dp" gravity="center_vertical">
  29.             <vertical padding="18 8" h="auto">
  30.                 <text text="发布Auto.js 5.0.0正式版" textColor="#222222" textSize="16sp"/>
  31.                 <text text="2019年1月" textColor="#999999" textSize="14sp"/>
  32.             </vertical>
  33.             <View bg="#4caf50" h="*" w="10"/>
  34.         </card>
  35.     
  36.         <card w="*" h="70" margin="10 5" cardCornerRadius="2dp"
  37.             cardElevation="1dp" gravity="center_vertical">
  38.     
  39.             <vertical padding="18 8" h="auto">
  40.                 <text text="完成毕业设计和论文" textColor="#222222" textSize="16sp"/>
  41.                 <text text="2019年4月" textColor="#999999" textSize="14sp"/>
  42.             </vertical>
  43.     
  44.             <View bg="#2196f3" h="*" w="10"/>
  45.     
  46.         </card>
  47.     
  48.     </vertical>
  49. );

10、列表控件（一）

11、列表控件（二）

12、列表控件（三）

  1. "ui";
  2. ​
  3. ui.layout(
  4.     <frame>
  5.         <list id="list">
  6.             <vertical>
  7.                 <text id="name" textSize="16sp" textColor="#000000" text="姓名: {{name}}"/>
  8.                 <text id="age" textSize="16sp" textColor="#000000" text="年龄: {{age}}岁"/>
  9.                 <button id="deleteItem" text="删除"/>
  10.             </vertical>
  11.         </list>
  12.     </frame>
  13. );
  14. ​
  15. var items = [
  16.     {name: "小明", age: 18}, {name: "小红", age: 30},
  17.     {name: "小东", age: 19}, {name: "小强", age: 31},
  18.     {name: "小满", age: 20}, {name: "小一", age: 32},
  19.     {name: "小和", age: 21}, {name: "小二", age: 1},
  20.     {name: "小贤", age: 22}, {name: "小三", age: 2},
  21.     {name: "小伟", age: 23}, {name: "小四", age: 3},
  22.     {name: "小黄", age: 24}, {name: "小五", age: 4},
  23.     {name: "小健", age: 25}, {name: "小六", age: 5},
  24.     {name: "小啦", age: 26}, {name: "小七", age: 6},
  25.     {name: "小哈", age: 27}, {name: "小八", age: 7},
  26.     {name: "小啊", age: 28}, {name: "小九", age: 8},
  27.     {name: "小啪", age: 29}, {name: "小十", age: 9}
  28. ];
  29. ​
  30. ui.list.setDataSource(items);
  31. ​
  32. ui.list.on("item_click", function(item, i, itemView, listView){
  33.     toast("被点击的人名字为: " + item.name + "，年龄为: " + item.age);
  34. });
  35. ​
  36. ui.list.on("item_bind", function(itemView, itemHolder){
  37.     itemView.deleteItem.on("click", function(){
  38.         let item = itemHolder.item;
  39.         toast("被删除的人名字为: " + item.name + "，年龄为: " + item.age);
  40.         items.splice(itemHolder.position, 1);
  41.     });
  42. })

13、时间日期选择控件

  1. "ui";
  2. ​
  3. ui.layout(
  4.     <scroll>
  5.         <vertical padding="16">
  6.             <text text="日历样式日期选择" textColor="black" textSize="16sp" marginTop="16"/>
  7.             <datepicker />
  8. ​
  9.             <text text="滑动日期选择" textColor="black" textSize="16sp" marginTop="16"/>
  10.             <datepicker datePickerMode="spinner"/>
  11. ​
  12.             <text text="时钟样式时间选择" textColor="black" textSize="16sp" marginTop="16"/>
  13.             <timepicker />
  14. ​
  15.             <text text="滑动时间选择" textColor="black" textSize="16sp" marginTop="16"/>
  16.             <timepicker timePickerMode="spinner"/>
  17. ​
  18.         </vertical>
  19.     </scroll>
  20. )

14、输入框控件

  1. "ui";
  2. ​
  3. ui.layout(
  4.     <vertical padding="16">
  5.          <text text="输入框" textColor="black" textSize="16sp" marginTop="16"/>
  6.          <input />
  7. ​
  8.          <!-- hint属性用来设置输入框的提示-->
  9.          <text text="带提示的输入框" textColor="black" textSize="16sp" marginTop="16"/>
  10.          <input hint="请输入一些内容"/>
  11. ​
  12.          <!-- inputType属性用来设置输入类型，包括number, email, phone等-->
  13.          <text text="数字输入框" textColor="black" textSize="16sp" marginTop="16"/>
  14.          <input inputType="number" text="123"/>
  15. ​
  16.          <!-- password属性用来设置输入框是否是密码输入框 -->
  17.          <text text="密码输入框" textColor="black" textSize="16sp" marginTop="16"/>
  18.          <input password="true"/>
  19. ​
  20.          <!-- lines属性用来设置输入框的行数 -->
  21.          <text text="多行输入框" textColor="black" textSize="16sp" marginTop="16"/>
  22.          <input lines="3"/>
  23. ​
  24.          <text text="设置输入框错误信息" textColor="black" textSize="16sp" marginTop="16"/>
  25.          <input id="qq" inputType="number" hint="请输入您的QQ号码"/>
  26.          <button id="ok" text="确定" w="auto" style="Widget.AppCompat.Button.Colored"/>
  27.     </vertical>
  28. );
  29. ​
  30. ui.ok.click(()=>{
  31.     var text = ui.qq.text();
  32.     if(text.length == 0){
  33.         ui.qq.setError("输入不能为空");
  34.         return;
  35.     }
  36.     var qq = parseInt(text);
  37.     if(qq < 10000){
  38.         ui.qq.setError("QQ号码格式错误");
  39.         return;
  40.     }
  41.     ui.qq.setError(null);
  42. });
  43. ​

15、图片控件（一）

  1. "ui";
  2. ​
  3. ui.layout(
  4. <scroll>
  5.     <vertical bg="#707070" padding="16">
  6.         <text text="网络图片" textColor="black" textSize="16sp" marginTop="16"/>
  7.         <img src="http://www.autojs.org/assets/uploads/profile/3-profileavatar.png"
  8.             w="100" h="100"/>
  9. ​
  10.         <text text="带边框的图片" textColor="black" textSize="16sp" marginTop="16"/>
  11.         <img src="http://www.autojs.org/assets/uploads/profile/1-profileavatar.jpeg"
  12.                 w="100" h="100" borderWidth="2dp" borderColor="#202020"/>
  13. ​
  14.         <text text="圆形图片" textColor="black" textSize="16sp" marginTop="16"/>
  15.         <img src="http://www.autojs.org/assets/uploads/profile/1-profileavatar.jpeg"
  16.                 w="100" h="100" circle="true"/>
  17. ​
  18.         <text text="带边框的圆形图片" textColor="black" textSize="16sp" marginTop="16"/>
  19.         <img src="http://www.autojs.org/assets/uploads/profile/1-profileavatar.jpeg"
  20.                 w="100" h="100" circle="true" borderWidth="2dp" borderColor="#202020"/>
  21. ​
  22.         <text text="圆角图片" textColor="black" textSize="16sp" marginTop="16"/>
  23.         <img id="rounded_img" src="http://www.autojs.org/assets/uploads/profile/1-profileavatar.jpeg"
  24.                 w="100" h="100" radius="20dp" scaleType="fitXY"/>
  25.         <button id="change_img" text="更改图片"/>
  26.     </vertical>
  27. </scroll>
  28. );
  29. ​
  30. ui.change_img.on("click", ()=>{
  31.     ui.rounded_img.setSource("http://www.autojs.org/assets/uploads/profile/1-profilecover.jpeg");
  32. });

16、文本控件

  1. "ui";
  2. ​
  3. ui.layout(
  4.     <vertical padding="16">
  5.         <text textSize="40sp">大字</text>
  6.         <text textSize="12sp">小字</text>
  7.         <text textStyle="bold" textColor="black">加粗</text>
  8.         <text textStyle="italic">斜体</text>
  9.         <text textColor="#00ff00">原谅色</text>
  10.         <text margin="8">Android是一种基于Linux的自由及开放源代码的操作系统，主要使用于移动设备，如智能手机和平板电脑，由Google公司和开放手机联盟领导及开发。尚未有统一中文名称，中国大陆地区较多人使用“安卓”或“安致”。Android操作系统最初由Andy Rubin开发，主要支持手机。2005年8月由Google收购注资。2007年11月，Google与84家硬件制造商、软件开发商及电信营运商组建开放手机联盟共同研发改良Android系统。</text>
  11.         <text maxLines="1" ellipsize="end" margin="8">Android是一种基于Linux的自由及开放源代码的操作系统，主要使用于移动设备，如智能手机和平板电脑，由Google公司和开放手机联盟领导及开发。尚未有统一中文名称，中国大陆地区较多人使用“安卓”或“安致”。Android操作系统最初由Andy Rubin开发，主要支持手机。2005年8月由Google收购注资。2007年11月，Google与84家硬件制造商、软件开发商及电信营运商组建开放手机联盟共同研发改良Android系统。</text>
  12.         <text maxLines="2" ellipsize="end" margin="8">Android是一种基于Linux的自由及开放源代码的操作系统，主要使用于移动设备，如智能手机和平板电脑，由Google公司和开放手机联盟领导及开发。尚未有统一中文名称，中国大陆地区较多人使用“安卓”或“安致”。Android操作系统最初由Andy Rubin开发，主要支持手机。2005年8月由Google收购注资。2007年11月，Google与84家硬件制造商、软件开发商及电信营运商组建开放手机联盟共同研发改良Android系统。</text>
  13.         <text w="*" gravity="center" textSize="20sp">居中</text>
  14.         <text autoLink="all">自动超链接网址www.baidu.com, 邮箱 123@qq.com等</text>
  15.     </vertical>
  16. );

17、下拉菜单

  1. "ui";
  2. ​
  3. ui.layout(
  4.     <vertical padding="16">
  5.         <horizontal>
  6.             <text textSize="16sp">下拉菜单</text>
  7.             <spinner id="sp1" entries="选项1|选项2|选项3"/>
  8.         </horizontal>
  9.         <horizontal>
  10.             <text textSize="16sp">对话框菜单</text>
  11.             <spinner id="sp2" entries="选项4|选项5|选项6" spinnerMode="dialog"/>
  12.         </horizontal>
  13.         <button id="ok">确定</button>
  14.         <button id="select3">选择选项3</button>
  15.     </vertical>
  16. );
  17. ​
  18. ui.ok.on("click", ()=>{
  19.     var i = ui.sp1.getSelectedItemPosition();
  20.     var j = ui.sp2.getSelectedItemPosition();
  21.     toast("您的选择是选项" + (i + 1) + "和选项" + (j + 4));
  22. });
  23. ​
  24. ui.select3.on("click", ()=>{
  25.     ui.sp1.setSelection(2);
  26. });

18、自定义控件—布局模板

  1. "ui";
  2. ​
  3. var InputLayout = (function() {
  4.     //继承至ui.Widget
  5.     util.extend(InputLayout, ui.Widget);
  6. ​
  7.     function InputLayout() {
  8.         ui.Widget.call(this);
  9.         this.defineAttr("hint", (view, attr, value, defineSetter)=>{
  10.             view._hint.setText(value);
  11.         });
  12.         this.defineAttr("text", (view, attr, value, defineSetter)=>{
  13.              view._input.setText(value);
  14.          });
  15.     }
  16.     InputLayout.prototype.render = function() {
  17.         return (
  18.             <vertical>
  19.                 <text id="_hint" textSize="16sp" margin="4" textColor="gray"/>
  20.                 <input id="_input" margin="0 16"/>
  21.             </vertical>
  22.         );
  23.     }
  24.     InputLayout.prototype.getInput = function() {
  25.         return this.view._input.getText();
  26.     };
  27.     ui.registerWidget("input-layout", InputLayout);
  28.     return InputLayout;
  29. })();
  30. ​
  31. ui.layout(
  32.     <vertical>
  33.         <input-layout id="name" hint="请输入名字"/>
  34.         <input-layout id="age" hint="请输入年龄" text="18"/>
  35.         <button id="ok" text="确认"/>
  36.     </vertical>
  37. );
  38. ​
  39. ui.ok.on("click", function(){
  40.     toast("名字是：" + ui.name.widget.getInput() + ", 年龄是：" + ui.age.widget.getInput());
  41. });

19、自定义控件—带颜色按钮

  1. "ui";
  2. ​
  3. var ColoredButton = (function() {
  4.     //继承ui.Widget
  5.     util.extend(ColoredButton, ui.Widget);
  6. ​
  7.     function ColoredButton() {
  8.         //调用父类构造函数
  9.         ui.Widget.call(this);
  10.         //自定义属性color，定义按钮颜色
  11.         this.defineAttr("color", (view, name, defaultGetter) => {
  12.             return this._color;
  13.         }, (view, name, value, defaultSetter) => {
  14.             this._color = value;
  15.             view.attr("backgroundTint", value);
  16.         });
  17.         //自定义属性onClick，定义被点击时执行的代码
  18.         this.defineAttr("onClick", (view, name, defaultGetter) => {
  19.             return this._onClick;
  20.         }, (view, name, value, defaultSetter) => {
  21.             this._onClick = value;
  22.         });
  23.     }
  24.     ColoredButton.prototype.render = function() {
  25.         return (
  26.             <button textSize="16sp" style="Widget.AppCompat.Button.Colored" w="auto"/>
  27.         );
  28.     }
  29.     ColoredButton.prototype.onViewCreated = function(view) {
  30.         view.on("click", () => {
  31.             if (this._onClick) {
  32.                 eval(this._onClick);
  33.             }
  34.         });
  35.     }
  36.     ui.registerWidget("colored-button", ColoredButton);
  37.     return ColoredButton;
  38. })();
  39. ​
  40. ui.layout(
  41.     <vertical>
  42.         <colored-button text="第一个按钮" color="#ff5722"/>
  43.         <colored-button text="第二个按钮" onClick="hello()"/>
  44.     </vertical>
  45. );
  46. ​
  47. function hello() {
  48.     alert("Hello ~");
  49. ​
  50. }
  51. ​

20、自定义控件—配置勾选框

  1. "ui";
  2. ​
  3. //这个自定义控件是一个勾选框checkbox，能够保存自己的勾选状态，在脚本重新启动时能恢复状态
  4. var PrefCheckBox = (function() {
  5.     //继承至ui.Widget
  6.     util.extend(PrefCheckBox, ui.Widget);
  7. ​
  8.     function PrefCheckBox() {
  9.         //调用父类构造函数
  10.         ui.Widget.call(this);
  11.         //自定义属性key，定义在配置中保存时的key
  12.         this.defineAttr("key");
  13.     }
  14.     PrefCheckBox.prototype.render = function() {
  15.         return (
  16.             <checkbox />
  17.         );
  18.     }
  19.     PrefCheckBox.prototype.onFinishInflation = function(view) {
  20.         view.setChecked(PrefCheckBox.getPref().get(this.getKey(), false));
  21.         view.on("check", (checked) => {
  22.             PrefCheckBox.getPref().put(this.getKey(), checked);
  23.         });
  24.     }
  25.     PrefCheckBox.prototype.getKey = function() {
  26.         if(this.key){
  27.             return this.key;
  28.         }
  29.         let id = this.view.attr("id");
  30.         if(!id){
  31.             throw new Error("should set a id or key to the checkbox");
  32.         }
  33.         return id.replace("@+id/", "");
  34.     }
  35.     PrefCheckBox.setPref = function(pref) {
  36.         PrefCheckBox._pref = pref;
  37.     }
  38.     PrefCheckBox.getPref = function(){
  39.         if(!PrefCheckBox._pref){
  40.             PrefCheckBox._pref = storages.create("pref");
  41.         }
  42.         return PrefCheckBox._pref;
  43.     }
  44.     ui.registerWidget("pref-checkbox", PrefCheckBox);
  45.     return PrefCheckBox;
  46. })();
  47. ​
  48. ui.layout(
  49.     <vertical>
  50.         <pref-checkbox id="perf1" text="配置1"/>
  51.         <pref-checkbox id="perf2" text="配置2"/>
  52.         <button id="btn" text="获取配置"/>
  53.     </vertical>
  54. );
  55. ​
  56. ui.btn.on("click", function(){
  57.     toast("配置1为" + PrefCheckBox.getPref().get("perf1"));
  58.     toast("配置2为" + PrefCheckBox.getPref().get("perf2"));
  59. });
  60. ​

21、自定义控件—模块

  1. "ui";
  2. ​
  3. var PrefCheckBox = require('./XXX.js');
  4. ​
  5. ui.layout(
  6.     <vertical>
  7.         <pref-checkbox id="perf1" text="配置1"/>
  8.         <pref-checkbox id="perf2" text="配置2"/>
  9.         <button id="btn" text="获取配置"/>
  10.     </vertical>
  11. );
  12. ​
  13. ui.btn.on("click", function(){
  14.     toast("配置1为" + PrefCheckBox.getPref().get("perf1"));
  15.     toast("配置2为" + PrefCheckBox.getPref().get("perf2"));
  16. });

– 脚本对接UI界面

1、准备UI界面和脚本

2、通过开始运行按钮启动脚本

3、设置UI页头和UI页面

3.1、补充：设置页头的颜色

  1. ui.statusBarColor("#ff0000");

4、设置无障碍开启关闭按钮

  1. {/**
  2. * 无障碍服务卡片
  3. **/}
  4. <card w="*" h="40" margin="10" cardCornerRadius="2dp"
  5. cardElevation="1dp" gravity="center_vertical">
  6. ​
  7.     <Switch id="autoService" text="无障碍服务" checked="{{auto.service != null}}" padding="18 8 8 8" textSize="15sp"/>
  8. ​
  9.     <View bg="#4caf50" h="*" w="10"/>
  10.     
  11. </card>
  12. ​
  13. //开启无障碍服务
  14. ui.autoService.on("check", function(checked) {
  15.     if(checked && auto.service == null) {
  16.         app.startActivity({
  17.             action: "android.settings.ACCESSIBILITY_SETTINGS"
  18.         });
  19.     }
  20.     if(!checked && auto.service != null){
  21.         auto.service.disableSelf();
  22.     }
  23. });
  24. ​
  25. ui.emitter.on("resume", function() {
  26.     ui.autoService.checked = auto.service != null;
  27. });

5、设置选择脚本功能下拉框

  1. {/*** 功能选择卡片 **/}
  2. <card w="*" h="40" margin="10 1"    cardCornerRadius="2dp"
  3. cardElevation="1dp" gravity="center_vertical">
  4.     <horizontal>
  5.     <text text="功能选择" padding="18 8 8 8" textSize="15sp" gravity="center_vertical" textColor="black"/>
  6. {/*** 功能选项
  7.                               **/}
  8. <spinner id="sp1" entries="自动养号|自动顶贴|自动发帖" textColor="blue" marginLeft="20"/>
  9.     </horizontal>
  10. <View bg="#ff00ff" h="*" w="10"/>
  11.     </card>
  12. ​
  13. //获取下拉框的选中索引
  14. ui.sp1.getSelectedItemPosition()

6、按钮的排列和样式设置

  1. <vertical>
  2.     <button text="第一个按钮" marginLeft="10"  w="200"/>
  3.     <button  style="Widget.AppCompat.Button.Colored" id="start" text="开始运行" marginRight="10" w="*"/>
  4. </vertical>

7、设置UI界面中的配置项

  1. <card w="*" h="*" margin="10 5" cardCornerRadius="2dp"
  2.                          cardElevation="1dp">
  3.     <scroll>
  4.         <vertical>
  5. ​
  6.         </vertical>
  7.     </scroll>          
  8. </card>

8、简单复选框的使用

  1. <checkbox id="cb_signAll" text="全部签到"/>
  2. ​
  3. var signAll = false;
  4. ​
  5. //签到选择框
  6.  ui.cb_signAll.on("check", (checked)=>{
  7. ​
  8.      signAll = checked;
  9. ​
  10.  });

9、UI界面中复选框如何保存选择状态

10、配置项中的输入框

  1. <horizontal w="*" marginTop="10">
  2.      <text layout_gravity="bottom" text="输入一:" textColor="black" textSize="16sp" marginTop="10"/>
  3.      <input id="input1" marginLeft="10" layout_gravity="bottom" w="150" text=""/>
  4. </horizontal>

11、如何保存输入框内的值

  1. //创建储存对象
  2. var storage = storages.create("demo数据");
  3. ​
  4. storage.put("input1", ui.input1.text());
  5. ​
  6. var input1 = storage.get("input1");
  7. if(input1 && input1 != ""){
  8.     ui.input1.setText(input1);
  9. }

12、开始运行按钮检测无障碍服务

  1. if(auto.service == null) {
  2.      toast("请先开启无障碍服务！");
  3.      return;
  4. }

13、开始运行按钮启动主函数

  1. main();

14、在脚本中使用UI界面的值（1）

15、在脚本中使用UI界面的值（2）

16、在脚本中使用UI界面的值（3）

0 条回复 A文章作者 M管理员
欢迎您，新朋友，感谢参与互动！
    暂无讨论，说说你的看法吧

请输入验证码

请输入图片中的验证码
点击发送按钮获取验证码

取消
×
×
￥undefined
请打开手机使用微信扫码支付
「」
×

....支付确认中....

「」
×
支付金额

￥

undefined
×
积分支付
您当前的积分为0

检测到您未绑定微信账户，请先绑定微信

立刻绑定
确定
×

举报

请选择举报类型*

政治有害
不友善
垃圾广告
违法违规
色情低俗
涉嫌侵权
网络暴力
涉未成年
自杀自残
不实信息
引人不适
抄袭
扰乱社区秩序
请输入举报内容 *

举报提交后，我们会以邮件的形式向您反馈处理结果。

×

打开微信扫一扫

扫码并「关注我们的公众号」安全快捷登录

×

下载海报：