 | |  |  |
IOS苹果示例如何使用不同的UI风格创建直接运行脚本的按钮
- // 多风格脚本调用示例
- // 这个示例展示如何使用不同的UI风格创建直接运行脚本的按钮
- // ====================== 基础风格 ======================
- function basicStyleDemo() {
- // 创建基础视图
- var vc = new IOSView();
- vc.show(() => {
- var view = vc.getView();
- printl("基础风格脚本调用示例已启动");
-
- // 创建标题
- var title = new Label();
- title.setText("基础风格脚本调用");
- title.setTextColor(0, 0, 255);
- view.addView(title);
-
- // 创建垂直容器
- var vertical = new Vertical();
-
- // 创建脚本1按钮
- var script1Btn = new Button();
- script1Btn.setText("运行脚本1: 屏幕点击");
- script1Btn.setColor(255, 0, 0);
- script1Btn.onClick(() => {
- printl("执行屏幕点击脚本");
- vc.dismiss();
- // 执行屏幕中心点击
- hid.clickPercent(0.5, 0.5);
- printl("屏幕点击脚本执行完成");
- });
- vertical.addView(script1Btn);
-
- // 创建脚本2按钮
- var script2Btn = new Button();
- script2Btn.setText("运行脚本2: 页面滑动");
- script2Btn.setColor(0, 255, 0);
- script2Btn.onClick(() => {
- printl("执行页面滑动脚本");
- vc.dismiss();
- // 执行页面上下滑动
- hid.swipVPercent(0.5, 0.8, 0.5, 0.2, 50, 1000, 100);
- printl("页面滑动脚本执行完成");
- });
- vertical.addView(script2Btn);
-
- // 创建关闭按钮
- var closeBtn = new Button();
- closeBtn.setText("关闭");
- closeBtn.setColor(128, 128, 128);
- closeBtn.onClick(() => {
- vc.dismiss();
- });
- vertical.addView(closeBtn);
-
- // 将垂直容器添加到视图
- view.addView(vertical);
- });
- }
- // ====================== 列表风格 ======================
- function listStyleDemo() {
- // 创建视图
- var vc = new IOSView();
- vc.show(() => {
- var view = vc.getView();
- printl("列表风格脚本调用示例已启动");
-
- // 创建标题
- var title = new Label();
- title.setText("列表风格脚本调用");
- title.setTextColor(0, 0, 255);
- view.addView(title);
-
- // 创建垂直容器作为列表
- var listContainer = new Vertical();
-
- // 创建列表项1
- var item1 = createListItem("社交媒体操作", "打开微信并发送消息");
- item1.onClick(() => {
- printl("执行社交媒体操作脚本");
- vc.dismiss();
- // 模拟打开微信
- hid.home();
- printl("已返回主页,准备打开微信");
- });
- listContainer.addView(item1);
-
- // 创建列表项2
- var item2 = createListItem("系统设置", "调整屏幕亮度");
- item2.onClick(() => {
- printl("执行系统设置脚本");
- vc.dismiss();
- // 模拟调整设置
- printl("系统设置脚本执行完成");
- });
- listContainer.addView(item2);
-
- // 创建列表项3
- var item3 = createListItem("娱乐应用", "打开音乐播放器");
- item3.onClick(() => {
- printl("执行娱乐应用脚本");
- vc.dismiss();
- // 模拟打开音乐播放器
- printl("音乐播放器脚本执行完成");
- });
- listContainer.addView(item3);
-
- // 将列表容器添加到视图
- view.addView(listContainer);
-
- // 创建关闭按钮
- var closeBtn = new Button();
- closeBtn.setText("关闭");
- closeBtn.setColor(128, 128, 128);
- closeBtn.onClick(() => {
- vc.dismiss();
- });
- view.addView(closeBtn);
- });
- }
- // ====================== 卡片风格 ======================
- function cardStyleDemo() {
- // 创建视图
- var vc = new IOSView();
- vc.show(() => {
- var view = vc.getView();
- printl("卡片风格脚本调用示例已启动");
-
- // 创建标题
- var title = new Label();
- title.setText("卡片风格脚本调用");
- title.setTextColor(0, 0, 255);
- view.addView(title);
-
- // 创建垂直容器
- var vertical = new Vertical();
-
- // 创建卡片1
- var card1 = createCard("日常任务", "执行每日健康打卡", 255, 0, 0);
- card1.onClick(() => {
- printl("执行日常任务脚本");
- vc.dismiss();
- // 模拟日常任务操作
- printl("每日健康打卡脚本执行完成");
- });
- vertical.addView(card1);
-
- // 创建卡片2
- var card2 = createCard("工作助手", "整理工作文件", 0, 0, 255);
- card2.onClick(() => {
- printl("执行工作助手脚本");
- vc.dismiss();
- // 模拟工作助手操作
- printl("工作文件整理脚本执行完成");
- });
- vertical.addView(card2);
-
- // 创建卡片3
- var card3 = createCard("学习工具", "打开学习资料", 0, 255, 0);
- card3.onClick(() => {
- printl("执行学习工具脚本");
- vc.dismiss();
- // 模拟学习工具操作
- printl("学习资料打开脚本执行完成");
- });
- vertical.addView(card3);
-
- // 将垂直容器添加到视图
- view.addView(vertical);
-
- // 创建关闭按钮
- var closeBtn = new Button();
- closeBtn.setText("关闭");
- closeBtn.setColor(128, 128, 128);
- closeBtn.onClick(() => {
- vc.dismiss();
- });
- view.addView(closeBtn);
- });
- }
- // ====================== 网格风格 ======================
- function gridStyleDemo() {
- // 创建视图
- var vc = new IOSView();
- vc.show(() => {
- var view = vc.getView();
- printl("网格风格脚本调用示例已启动");
-
- // 创建标题
- var title = new Label();
- title.setText("网格风格脚本调用");
- title.setTextColor(0, 0, 255);
- view.addView(title);
-
- // 创建网格布局
- // 第一行
- var row1 = new Horizontal();
- var gridBtn1 = createGridButton("屏幕截图", 255, 0, 0);
- gridBtn1.onClick(() => {
- printl("执行屏幕截图脚本");
- vc.dismiss();
- // 模拟屏幕截图
- printl("屏幕截图脚本执行完成");
- });
-
- var gridBtn2 = createGridButton("清理缓存", 0, 255, 0);
- gridBtn2.onClick(() => {
- printl("执行清理缓存脚本");
- vc.dismiss();
- // 模拟清理缓存
- printl("缓存清理脚本执行完成");
- });
-
- row1.addView(gridBtn1);
- row1.addView(gridBtn2);
-
- // 第二行
- var row2 = new Horizontal();
- var gridBtn3 = createGridButton("音量调节", 0, 0, 255);
- gridBtn3.onClick(() => {
- printl("执行音量调节脚本");
- vc.dismiss();
- // 模拟音量调节
- printl("音量调节脚本执行完成");
- });
-
- var gridBtn4 = createGridButton("屏幕旋转", 255, 255, 0);
- gridBtn4.onClick(() => {
- printl("执行屏幕旋转脚本");
- vc.dismiss();
- // 模拟屏幕旋转
- printl("屏幕旋转脚本执行完成");
- });
-
- row2.addView(gridBtn3);
- row2.addView(gridBtn4);
-
- // 添加行到视图
- view.addView(row1);
- view.addView(row2);
-
- // 创建关闭按钮
- var closeBtn = new Button();
- closeBtn.setText("关闭");
- closeBtn.setColor(128, 128, 128);
- closeBtn.onClick(() => {
- vc.dismiss();
- });
- view.addView(closeBtn);
- });
- }
- // ====================== 主界面 ======================
- function mainMenu() {
- // 创建主视图
- var mainVC = new IOSView();
- mainVC.show(() => {
- var view = mainVC.getView();
- printl("多风格脚本调用示例主菜单已启动");
-
- // 创建标题
- var title = new Label();
- title.setText("多风格脚本调用示例");
- title.setTextColor(0, 0, 255);
- view.addView(title);
-
- // 创建垂直容器
- var vertical = new Vertical();
-
- // 创建基础风格按钮
- var basicStyleBtn = new Button();
- basicStyleBtn.setText("基础风格示例");
- basicStyleBtn.setColor(255, 0, 0);
- basicStyleBtn.onClick(() => {
- mainVC.dismiss();
- basicStyleDemo();
- });
- vertical.addView(basicStyleBtn);
-
- // 创建列表风格按钮
- var listStyleBtn = new Button();
- listStyleBtn.setText("列表风格示例");
- listStyleBtn.setColor(0, 255, 0);
- listStyleBtn.onClick(() => {
- mainVC.dismiss();
- listStyleDemo();
- });
- vertical.addView(listStyleBtn);
-
- // 创建卡片风格按钮
- var cardStyleBtn = new Button();
- cardStyleBtn.setText("卡片风格示例");
- cardStyleBtn.setColor(0, 0, 255);
- cardStyleBtn.onClick(() => {
- mainVC.dismiss();
- cardStyleDemo();
- });
- vertical.addView(cardStyleBtn);
-
- // 创建网格风格按钮
- var gridStyleBtn = new Button();
- gridStyleBtn.setText("网格风格示例");
- gridStyleBtn.setColor(255, 255, 0);
- gridStyleBtn.onClick(() => {
- mainVC.dismiss();
- gridStyleDemo();
- });
- vertical.addView(gridStyleBtn);
-
- // 创建退出按钮
- var exitBtn = new Button();
- exitBtn.setText("退出");
- exitBtn.setColor(128, 128, 128);
- exitBtn.onClick(() => {
- mainVC.dismiss();
- });
- vertical.addView(exitBtn);
-
- // 将垂直容器添加到视图
- view.addView(vertical);
- });
- }
- // ====================== 辅助函数 ======================
- // 创建列表项
- function createListItem(title, description) {
- var item = new Vertical();
-
- var titleLabel = new Label();
- titleLabel.setText(title);
- titleLabel.setTextColor(0, 0, 0);
-
- var descLabel = new Label();
- descLabel.setText(description);
- descLabel.setTextColor(128, 128, 128);
-
- item.addView(titleLabel);
- item.addView(descLabel);
-
- // 设置背景色
- item.setColor(240, 240, 240);
-
- // 设置边距
- item.setWidth(300);
- item.setHeight(80);
-
- return item;
- }
- // 创建卡片
- function createCard(title, description, r, g, b) {
- var card = new Vertical();
-
- var titleLabel = new Label();
- titleLabel.setText(title);
- titleLabel.setTextColor(255, 255, 255);
-
- var descLabel = new Label();
- descLabel.setText(description);
- descLabel.setTextColor(255, 255, 255);
-
- card.addView(titleLabel);
- card.addView(descLabel);
-
- // 设置卡片样式
- card.setColor(r, g, b);
- card.setWidth(300);
- card.setHeight(100);
-
- return card;
- }
- // 创建网格按钮
- function createGridButton(text, r, g, b) {
- var btn = new Button();
- btn.setText(text);
- btn.setColor(r, g, b);
- btn.setTextColor(255, 255, 255);
- btn.setWidth(150);
- btn.setHeight(100);
- return btn;
- }
- // 启动主菜单
- mainMenu();
- // 注意事项:
- // 1. 本示例提供了四种不同风格的脚本调用界面
- // 2. 点击界面中的脚本按钮可以直接执行相应的脚本功能
- // 3. 脚本功能主要使用hid模块进行设备操作
- // 4. 您可以根据需要扩展更多风格和脚本功能
复制代码
| |  | |  |
|