B2B网络软件

标题: AIWROK软件苹果IOS系统里UI-界面视图[IOSView]方法小结 [打印本页]

---

作者: YYPOST群发软件    时间: 3 小时前
标题: AIWROK软件苹果IOS系统里UI-界面视图[IOSView]方法小结
AIWROK软件苹果IOS系统里UI-界面视图[IOSView]方法小结

1. //UI-界面视图[IOSView]方法小结，交流QQ群711841924
   
2. 
   
3. //第一个方法：📌show显示界面
   
4. 
   
5. 
   
6. 
   
7. //申请一个UI
   
8. var vc = new IOSView();
   
9. vc.show(() => {
   
10.       //页面加载完后执行以下代码
    
11. 
    
12.       printl("hello IOS")
    
13.       //获取当前视图
    
14.       var view = vc.getView()
    
15.       //创建一个水平容器
    
16.       var h = new Horizontal()
    
17. 
    
18.       //创建一个按钮
    
19.       var btn = new Button();
    
20.       //设置按钮颜色
    
21.       btn.setColor(25, 10, 130)
    
22. 
    
23.       btn.onClick(() => {
    
24.           printl("按钮被点击了")
    
25.       })
    
26. 
    
27.       //按钮添加到水平容器中
    
28.       h.addView(btn)
    
29. 
    
30.       //水平容器添加到视图中
    
31.       view.addView(h)
    
32. });
    
33. 
    
34. 
    
35. 
    
36. 
    
37. 
    
38. //第二个方法：📌dismiss关闭
    
39. 
    
40. new IOSView().dismiss()
    
41. 
    
42. 
    
43. //第三个方法：📌UIaddView添加
    
44. 
    
45. 
    
46. //申请一个UI
    
47. var vc = new IOSView();
    
48. vc.show(() => {
    
49.       //页面加载完后执行以下代码
    
50. 
    
51.       printl("hello IOS")
    
52.       //获取当前视图
    
53.       var view = vc.getView()
    
54.       //创建一个水平容器
    
55.       var h = new Horizontal()
    
56. 
    
57.       //创建一个按钮
    
58.       var btn = new Button();
    
59.       //设置按钮颜色
    
60.       btn.setColor(25, 10, 130)
    
61. 
    
62.       btn.onClick(() => {
    
63.           printl("按钮被点击了")
    
64.       })
    
65. 
    
66.       //按钮添加到水平容器中
    
67.       h.addView(btn)
    
68. 
    
69.       //水平容器添加到视图中
    
70.       view.addView(h)
    
71. });
    
72. 
    
73. 
    
74. //第四个方法：📌getView获取view视图
    
75. 
    
76. new IOSView().getView()
    
77. 
    
78. //第五个方法：📌setBackgroundColor 设置背景颜色
    
79. 
    
80. 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()

完整示例：

1. // 🔨UI-界面视图[IOSView]完整示例
   
2. // UI-界面视图[IOSView]方法小结，交流QQ群711841924
   
3. 
   
4. printl("=== IOSView控件方法完整示例 ===");
   
5. 
   
6. // 第一个方法：📌show显示界面
   
7. printl("正在显示IOS界面...");
   
8. 
   
9. var vc = new IOSView();
   
10. vc.show(() => {
    
11.     // 页面加载完后执行以下代码
    
12.     printl("hello IOS");
    
13.    
    
14.     // 第四个方法：📌getView获取view视图
    
15.     var view = vc.getView();
    
16.    
    
17.     // 创建一个垂直容器
    
18.     var v = new Vertical();
    
19.     v.setSpacing(15);
    
20.     v.setBackgroundColor(240, 240, 240);
    
21.    
    
22.     // 添加标题
    
23.     var title = new Label();
    
24.     title.setText("IOSView方法演示");
    
25.     title.setFontSize(18.0);
    
26.     title.setTextAlignment("center");
    
27.     title.setTextColor(0, 0, 0);
    
28.     v.addView(title);
    
29.    
    
30.     // 创建一个水平容器
    
31.     var h = new Horizontal();
    
32.     h.setSpacing(10);
    
33.    
    
34.     // 创建一个按钮
    
35.     var btn = new Button();
    
36.     btn.setText("点击我");
    
37.     // 设置按钮颜色
    
38.     btn.setColor(25, 10, 130);
    
39.     btn.setTextColor(255, 255, 255);
    
40.    
    
41.     btn.onClick(() => {
    
42.         printl("按钮被点击了");
    
43.         btn.setText("已点击");
    
44.         btn.setColor(0, 150, 0);
    
45.     });
    
46.    
    
47.     // 按钮添加到水平容器中
    
48.     h.addView(btn);
    
49.    
    
50.     // 水平容器添加到垂直容器中
    
51.     v.addView(h);
    
52.    
    
53.     // 添加功能说明
    
54.     var info = new Label();
    
55.     info.setText("IOSView支持的方法:\n1. show() - 显示界面\n2. dismiss() - 关闭界面\n3. addView() - 添加视图\n4. getView() - 获取视图\n5. setBackgroundColor() - 设置背景色");
    
56.     info.setFontSize(12.0);
    
57.     info.setTextAlignment("left");
    
58.     info.setTextColor(50, 50, 50);
    
59.     v.addView(info);
    
60.    
    
61.     // 添加关闭按钮
    
62.     var closeBtn = new Button();
    
63.     closeBtn.setText("关闭界面");
    
64.     closeBtn.setColor(200, 50, 50);
    
65.     closeBtn.setTextColor(255, 255, 255);
    
66.    
    
67.     closeBtn.onClick(() => {
    
68.         // 第二个方法：📌dismiss关闭
    
69.         printl("关闭界面");
    
70.         vc.dismiss();
    
71.     });
    
72.    
    
73.     v.addView(closeBtn);
    
74.    
    
75.     // 水平容器添加到视图中
    
76.     // 第三个方法：📌UIaddView添加
    
77.     view.addView(v);
    
78.    
    
79.     printl("界面元素添加完成");
    
80. });
    
81. 
    
82. printl("IOSView示例已启动");

复制代码

---

欢迎光临 B2B网络软件 (http://bbs.niubt.cn/)

Powered by Discuz! X3.2