AIWROK软件苹果IOS系统里UI-界面视图[IOSView]方法小结
AIWROK软件苹果IOS系统里UI-界面视图方法小结//UI-界面视图方法小结,交流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
参数无
案例//申请一个UIvar 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 ,实际场景中通常为视图对象,需注意适配)
案例//申请一个UIvar 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-界面视图完整示例
// UI-界面视图方法小结,交流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示例已启动");
页:
[1]