AIWROK软件苹果IOS系统里UI-界面视图[IOSView]方法小结

YYPOST群发软件 · 发表于 2 小时前

//UI-界面视图[IOSView]方法小结，交流QQ群711841924
//第一个方法：📌show显示界面
//申请一个UI
var vc = new IOSView();
vc.show(() => {
//页面加载完后执行以下代码
printl("hello IOS")
//获取当前视图
var view = vc.getView()
//创建一个水平容器
var h = new Horizontal()
//创建一个按钮
var btn = new Button();
//设置按钮颜色
btn.setColor(25, 10, 130)
btn.onClick(() => {
printl("按钮被点击了")
})
//按钮添加到水平容器中
h.addView(btn)
//水平容器添加到视图中
view.addView(h)
});
//第二个方法：📌dismiss关闭
new IOSView().dismiss()
//第三个方法：📌UIaddView添加
//申请一个UI
var vc = new IOSView();
vc.show(() => {
//页面加载完后执行以下代码
printl("hello IOS")
//获取当前视图
var view = vc.getView()
//创建一个水平容器
var h = new Horizontal()
//创建一个按钮
var btn = new Button();
//设置按钮颜色
btn.setColor(25, 10, 130)
btn.onClick(() => {
printl("按钮被点击了")
})
//按钮添加到水平容器中
h.addView(btn)
//水平容器添加到视图中
view.addView(h)
});
//第四个方法：📌getView获取view视图
new IOSView().getView()
//第五个方法：📌setBackgroundColor 设置背景颜色
new IOSView().setBackgroundColor()

复制代码

📌show显示界面

类别	详情说明
方法功能	显示界面，支持传入回调函数，在界面加载完成后执行回调内的 UI 构建等逻辑（以 iOS 视图为例演示）
方法签名	Void show()
返回值	Void
参数	无
案例	//申请一个UI var vc = new IOSView(); vc.show(() => { //页面加载完后执行以下代码 printl("hello IOS") //获取当前视图 var view = vc.getView() //创建一个水平容器 var h = new Horizontal() //创建一个按钮 var btn = new Button(); //设置按钮颜色 btn.setColor(25, 10, 130) btn.onClick(() => { printl("按钮被点击了") }) //按钮添加到水平容器中 h.addView(btn) //水平容器添加到视图中 view.addView(h) });

📌dismiss关闭

类别	详情说明
方法功能	关闭 UI
方法签名	Void dismiss()
返回值	Void
参数	无
案例	new IOSView().dismiss()

📌UIaddView添加

类别	详情说明
方法功能	向目标容器添加指定视图
方法签名	Void addView(String view)
返回值	Void
参数	- String view ：要添加的视图（文档参数类型为 String ，实际场景中通常为视图对象，需注意适配）
案例	//申请一个UI var vc = new IOSView(); vc.show(() => { //页面加载完后执行以下代码 printl("hello IOS") //获取当前视图 var view = vc.getView() //创建一个水平容器 var h = new Horizontal() //创建一个按钮 var btn = new Button(); //设置按钮颜色 btn.setColor(25, 10, 130) btn.onClick(() => { printl("按钮被点击了") }) //按钮添加到水平容器中 h.addView(btn) //水平容器添加到视图中 view.addView(h) });

📌getView获取view视图

类别	详情说明
方法功能	获取 view 视图
方法签名	IOSView getView()
返回值	IOSView
参数	无
案例	new IOSView().getView()

📌setBackgroundColor 设置背景颜色

类别	详情说明
方法功能	设置背景颜色
方法签名	Void setBackgroundColor()
返回值	Void
参数	无
案例	new IOSView().setBackgroundColor()

完整示例：

// 🔨UI-界面视图[IOSView]完整示例
// UI-界面视图[IOSView]方法小结，交流QQ群711841924
printl("=== IOSView控件方法完整示例 ===");
// 第一个方法：📌show显示界面
printl("正在显示IOS界面...");
var vc = new IOSView();
vc.show(() => {
// 页面加载完后执行以下代码
printl("hello IOS");
// 第四个方法：📌getView获取view视图
var view = vc.getView();
// 创建一个垂直容器
var v = new Vertical();
v.setSpacing(15);
v.setBackgroundColor(240, 240, 240);
// 添加标题
var title = new Label();
title.setText("IOSView方法演示");
title.setFontSize(18.0);
title.setTextAlignment("center");
title.setTextColor(0, 0, 0);
v.addView(title);
// 创建一个水平容器
var h = new Horizontal();
h.setSpacing(10);
// 创建一个按钮
var btn = new Button();
btn.setText("点击我");
// 设置按钮颜色
btn.setColor(25, 10, 130);
btn.setTextColor(255, 255, 255);
btn.onClick(() => {
printl("按钮被点击了");
btn.setText("已点击");
btn.setColor(0, 150, 0);
});
// 按钮添加到水平容器中
h.addView(btn);
// 水平容器添加到垂直容器中
v.addView(h);
// 添加功能说明
var info = new Label();
info.setText("IOSView支持的方法:\n1. show() - 显示界面\n2. dismiss() - 关闭界面\n3. addView() - 添加视图\n4. getView() - 获取视图\n5. setBackgroundColor() - 设置背景色");
info.setFontSize(12.0);
info.setTextAlignment("left");
info.setTextColor(50, 50, 50);
v.addView(info);
// 添加关闭按钮
var closeBtn = new Button();
closeBtn.setText("关闭界面");
closeBtn.setColor(200, 50, 50);
closeBtn.setTextColor(255, 255, 255);
closeBtn.onClick(() => {
// 第二个方法：📌dismiss关闭
printl("关闭界面");
vc.dismiss();
});
v.addView(closeBtn);
// 水平容器添加到视图中
// 第三个方法：📌UIaddView添加
view.addView(v);
printl("界面元素添加完成");
});
printl("IOSView示例已启动");