IOS苹果示例如何使用不同的UI风格创建直接运行脚本的按钮
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. 您可以根据需要扩展更多风格和脚本功能
页:
[1]