 | |  |  | AIWROK软件苹果IOS系统里UI-界面视图[IOSView]方法小结
- //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示例已启动");
复制代码
| |  | |  |
|