YYPOST群发软件 发表于 1 小时前

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]
查看完整版本: AIWROK软件苹果IOS系统里UI-界面视图[IOSView]方法小结