AIWROK苹果系统自带view视图简洁UI界面示例

QQ896757558

AIWROK苹果系统自带view视图简洁UI界面示例

1. // 🍎交流QQ群711841924群一，苹果内测群：528816639
   
2. var tab = new TabView();
   
3. 
   
4. tab.setTitles(["首页", "脚本", "工具", "设置"]);
   
5. 
   
6. tab.show(() => {
   
7.     printl("界面已启动");
   
8.    
   
9.     tab.addView(0, createHomePage());
   
10.     tab.addView(1, createScriptPage());
    
11.     tab.addView(2, createToolsPage());
    
12.     tab.addView(3, createSettingsPage());
    
13. });
    
14. 
    
15. function createHomePage() {
    
16.     var v = new Vertical();
    
17.     v.setBackgroundColor(245, 245, 250);
    
18.    
    
19.     var title = new Label();
    
20.     title.setText("欢迎使用");
    
21.     title.setTextColor(50, 50, 50);
    
22.     title.setFontSize(24);
    
23.     v.addView(title);
    
24.    
    
25.     var divider = new Label();
    
26.     divider.setHeight(1);
    
27.     divider.setBackgroundColor(200, 200, 200);
    
28.     v.addView(divider);
    
29.    
    
30.     var btnContainer = new Vertical();
    
31.    
    
32.     var btn1 = new Button();
    
33.     btn1.setText("运行脚本");
    
34.     btn1.setColor(52, 152, 219);
    
35.     btn1.setTextColor(255, 255, 255);
    
36.     btn1.setHeight(50);
    
37.     btn1.onClick(() => {
    
38.         printl("运行脚本");
    
39.     });
    
40.     btnContainer.addView(btn1);
    
41.    
    
42.     var btn2 = new Button();
    
43.     btn2.setText("查看日志");
    
44.     btn2.setColor(46, 204, 113);
    
45.     btn2.setTextColor(255, 255, 255);
    
46.     btn2.setHeight(50);
    
47.     btn2.onClick(() => {
    
48.         printl("查看日志");
    
49.     });
    
50.     btnContainer.addView(btn2);
    
51.    
    
52.     var btn3 = new Button();
    
53.     btn3.setText("退出程序");
    
54.     btn3.setColor(231, 76, 60);
    
55.     btn3.setTextColor(255, 255, 255);
    
56.     btn3.setHeight(50);
    
57.     btn3.onClick(() => {
    
58.         tab.dismiss();
    
59.     });
    
60.     btnContainer.addView(btn3);
    
61.    
    
62.     v.addView(btnContainer);
    
63.    
    
64.     return v;
    
65. }
    
66. 
    
67. function createScriptPage() {
    
68.     var v = new Vertical();
    
69.     v.setBackgroundColor(245, 245, 250);
    
70.    
    
71.     var title = new Label();
    
72.     title.setText("脚本列表");
    
73.     title.setTextColor(50, 50, 50);
    
74.     title.setFontSize(22);
    
75.     v.addView(title);
    
76.    
    
77.     var divider = new Label();
    
78.     divider.setHeight(1);
    
79.     divider.setBackgroundColor(200, 200, 200);
    
80.     v.addView(divider);
    
81.    
    
82.     var ck1 = new CheckBox();
    
83.     ck1.setText("脚本1 - 自动点击");
    
84.     v.addView(ck1);
    
85.    
    
86.     var ck2 = new CheckBox();
    
87.     ck2.setText("脚本2 - 自动滑动");
    
88.     v.addView(ck2);
    
89.    
    
90.     var ck3 = new CheckBox();
    
91.     ck3.setText("脚本3 - 自动输入");
    
92.     v.addView(ck3);
    
93.    
    
94.     var ck4 = new CheckBox();
    
95.     ck4.setText("脚本4 - 自动截图");
    
96.     v.addView(ck4);
    
97.    
    
98.     var ck5 = new CheckBox();
    
99.     ck5.setText("脚本5 - 自动找图");
    
100.     v.addView(ck5);
     
101.    
     
102.     var runBtn = new Button();
     
103.     runBtn.setText("运行选中脚本");
     
104.     runBtn.setColor(52, 152, 219);
     
105.     runBtn.setTextColor(255, 255, 255);
     
106.     runBtn.setHeight(50);
     
107.     runBtn.onClick(() => {
     
108.         if (ck1.isSelect()) {
     
109.             printl("运行脚本1");
     
110.         }
     
111.         if (ck2.isSelect()) {
     
112.             printl("运行脚本2");
     
113.         }
     
114.         if (ck3.isSelect()) {
     
115.             printl("运行脚本3");
     
116.         }
     
117.         if (ck4.isSelect()) {
     
118.             printl("运行脚本4");
     
119.         }
     
120.         if (ck5.isSelect()) {
     
121.             printl("运行脚本5");
     
122.         }
     
123.     });
     
124.     v.addView(runBtn);
     
125.    
     
126.     return v;
     
127. }
     
128. 
     
129. function createToolsPage() {
     
130.     var v = new Vertical();
     
131.     v.setBackgroundColor(245, 245, 250);
     
132.    
     
133.     var title = new Label();
     
134.     title.setText("工具箱");
     
135.     title.setTextColor(50, 50, 50);
     
136.     title.setFontSize(22);
     
137.     v.addView(title);
     
138.    
     
139.     var divider = new Label();
     
140.     divider.setHeight(1);
     
141.     divider.setBackgroundColor(200, 200, 200);
     
142.     v.addView(divider);
     
143.    
     
144.     var btnContainer = new Vertical();
     
145.    
     
146.     var btn1 = new Button();
     
147.     btn1.setText("屏幕点击");
     
148.     btn1.setColor(155, 89, 182);
     
149.     btn1.setTextColor(255, 255, 255);
     
150.     btn1.setHeight(45);
     
151.     btn1.onClick(() => {
     
152.         printl("执行屏幕点击");
     
153.         hid.clickPercent(0.5, 0.5);
     
154.     });
     
155.     btnContainer.addView(btn1);
     
156.    
     
157.     var btn2 = new Button();
     
158.     btn2.setText("屏幕滑动");
     
159.     btn2.setColor(155, 89, 182);
     
160.     btn2.setTextColor(255, 255, 255);
     
161.     btn2.setHeight(45);
     
162.     btn2.onClick(() => {
     
163.         printl("执行屏幕滑动");
     
164.         hid.swipVPercent(0.5, 0.8, 0.5, 0.2, 50, 500, 50);
     
165.     });
     
166.     btnContainer.addView(btn2);
     
167.    
     
168.     var btn3 = new Button();
     
169.     btn3.setText("返回主页");
     
170.     btn3.setColor(155, 89, 182);
     
171.     btn3.setTextColor(255, 255, 255);
     
172.     btn3.setHeight(45);
     
173.     btn3.onClick(() => {
     
174.         printl("返回主页");
     
175.         hid.home();
     
176.     });
     
177.     btnContainer.addView(btn3);
     
178.    
     
179.     var btn4 = new Button();
     
180.     btn4.setText("最近应用");
     
181.     btn4.setColor(155, 89, 182);
     
182.     btn4.setTextColor(255, 255, 255);
     
183.     btn4.setHeight(45);
     
184.     btn4.onClick(() => {
     
185.         printl("打开最近应用");
     
186.         hid.recents();
     
187.     });
     
188.     btnContainer.addView(btn4);
     
189.    
     
190.     v.addView(btnContainer);
     
191.    
     
192.     return v;
     
193. }
     
194. 
     
195. function createSettingsPage() {
     
196.     var v = new Vertical();
     
197.     v.setBackgroundColor(245, 245, 250);
     
198.    
     
199.     var title = new Label();
     
200.     title.setText("设置");
     
201.     title.setTextColor(50, 50, 50);
     
202.     title.setFontSize(22);
     
203.     v.addView(title);
     
204.    
     
205.     var divider = new Label();
     
206.     divider.setHeight(1);
     
207.     divider.setBackgroundColor(200, 200, 200);
     
208.     v.addView(divider);
     
209.    
     
210.     var ck1 = new CheckBox();
     
211.     ck1.setText("启用通知");
     
212.     ck1.setID("通知设置");
     
213.     ck1.setDefultSelect();
     
214.     v.addView(ck1);
     
215.    
     
216.     var ck2 = new CheckBox();
     
217.     ck2.setText("启用音效");
     
218.     ck2.setID("音效设置");
     
219.     v.addView(ck2);
     
220.    
     
221.     var ck3 = new CheckBox();
     
222.     ck3.setText("启用震动");
     
223.     ck3.setID("震动设置");
     
224.     v.addView(ck3);
     
225.    
     
226.     var ck4 = new CheckBox();
     
227.     ck4.setText("自动保存");
     
228.     ck4.setID("自动保存");
     
229.     ck4.setDefultSelect();
     
230.     v.addView(ck4);
     
231.    
     
232.     var saveBtn = new Button();
     
233.     saveBtn.setText("保存设置");
     
234.     saveBtn.setColor(46, 204, 113);
     
235.     saveBtn.setTextColor(255, 255, 255);
     
236.     saveBtn.setHeight(50);
     
237.     saveBtn.onClick(() => {
     
238.         printl("设置已保存");
     
239.     });
     
240.     v.addView(saveBtn);
     
241.    
     
242.     var about = new Label();
     
243.     about.setText("版本: 1.0.0");
     
244.     about.setTextColor(150, 150, 150);
     
245.     v.addView(about);
     
246.    
     
247.     return v;
     
248. }
     

复制代码