自动发帖软件

标题: AIWROK软件IOS苹果Ul-垂直容器[Vertical]方法小结 [打印本页]

---

作者: 发帖软件    时间: 昨天 07:12
标题: AIWROK软件IOS苹果Ul-垂直容器[Vertical]方法小结
AIWROK软件IOS苹果Ul-垂直容器[Vertical]方法小结

1. //方法小结，交流QQ群711841924
   
2. 
   
3. //第一个方法：addView添加子控件
   
4. 
   
5. var label = new Label();
   
6. label.setText("Hello World");
   
7. 
   
8. //第二个方法：removeView移除视图
   
9. 
   
10. 
    
11. var v = new Vertical();
    
12. v.removeView(0); // 移除第一个子控件
    
13. 
    
14. 
    
15. //第三个方法：clearAllViews清空所有视图
    
16. 
    
17. 
    
18. var v = new Vertical();
    
19. v.clearAllViews(); // 清空所有控件
    
20. 
    
21. //第四个方法：getViewCount 获取视图数量
    
22. 
    
23. 
    
24. var v = new Vertical();
    
25. int count = v.getViewCount(); // 获取子控件的数量
    
26. 
    
27. 
    
28. 
    
29. 
    
30. //第五个方法：setSpacing设置控件间隔
    
31. 
    
32. var v = new Vertical();
    
33. v.setSpacing(10); // 设置控件间隔为10
    
34. 
    
35. 
    
36. 
    
37. //第六个方法：setContainerSize设置容器大小
    
38. 
    
39. 
    
40. 
    
41. var v = new Vertical();
    
42. v.setContainerSize(400, 600); // 设置容器大小为400x600
    
43. 
    
44. 
    
45. 
    
46. //第七个方法：setBackgroundColor 设置背景颜色
    
47. 
    
48. var v = new Vertical();
    
49. v.setBackgroundColor(50, 100, 150); // 设置背景颜色
    
50. 
    
51. 
    
52. 
    
53. 
    
54. //第八个方法：setAlignment 设置对齐方式
    
55. 
    
56. var v = new Vertical();
    
57. v.setAlignment("center"); // 设置对齐方式为居中
    
58. /*
    
59. 可选值如下：
    
60. - fill: 填充对齐
    
61. - left: 左对齐
    
62. - right: 右对齐
    
63. - top: 顶部对齐
    
64. - bottom: 底部对齐
    
65. - center: 居中对齐
    
66. 默认值为 fill。
    
67. */
    

复制代码

📌addView添加子控件[size=1em]

类别[size=1em]	详情说明[size=1em]
方法功能[size=1em]	向容器中添加一个子控件，多个控件会排列到一列当中[size=1em]
方法签名[size=1em]	Void addView(Object view)[size=1em]
返回值[size=1em]	Void[size=1em]
参数[size=1em]	- Object view[size=1em] ：要添加的子控件对象[size=1em]
案例[size=1em]	var v = new Vertical();[size=1em] var btn = new Button();[size=1em] v.addView(btn);[size=1em]

📌removeView移除视图[size=1em]

类别[size=1em]	详情说明[size=1em]
方法功能[size=1em]	根据指定索引移除容器中的子控件[size=1em]
方法签名[size=1em]	Void removeView(Int32 index)[size=1em]
返回值[size=1em]	Void[size=1em] （无返回值）[size=1em]
参数[size=1em]	- Int32 index[size=1em] ：要移除子控件的索引[size=1em]
案例[size=1em]	var v = new Vertical();[size=1em] v.removeView(0); // 移除第一个子控件[size=1em]

📌clearAllViews清空所有视图[size=1em]

类别[size=1em]	详情说明[size=1em]
方法功能[size=1em]	移除容器中的所有子控件[size=1em]
方法签名[size=1em]	Void clearAllViews()[size=1em]
返回值[size=1em]	Void[size=1em] （无返回值）[size=1em]
参数[size=1em]	无[size=1em]
案例[size=1em]	var v = new Vertical();[size=1em] v.clearAllViews(); // 清空所有控件[size=1em]

📌getViewCount 获取视图数量[size=1em]

类别[size=1em]	详情说明[size=1em]
方法功能[size=1em]	返回当前容器中的视图数量[size=1em]
方法签名[size=1em]	Int32 getViewCount()[size=1em]
返回值[size=1em]	Int32[size=1em]
参数[size=1em]	无[size=1em]
案例[size=1em]	var v = new Vertical();[size=1em] int count = v.getViewCount(); // 获取子控件的数量[size=1em]

📌setSpacing设置控件间隔[size=1em]

类别[size=1em]	详情说明[size=1em]
方法功能[size=1em]	设置子控件之间的间隔[size=1em]
方法签名[size=1em]	Void setSpacing(Int32 spacing)[size=1em]
返回值[size=1em]	Void[size=1em]
参数[size=1em]	- Int32 spacing[size=1em] ：间隔值[size=1em]
案例[size=1em]	var v = new Vertical();[size=1em] v.setSpacing(10); // 设置控件间隔为10[size=1em]

📌setContainerSize设置容器大小[size=1em]

类别[size=1em]	详情说明[size=1em]
方法功能[size=1em]	设置容器的宽度和高度[size=1em]
方法签名[size=1em]	Void setContainerSize(Int32 width, Int32 height)[size=1em]
返回值[size=1em]	Void[size=1em]
参数[size=1em]	- Int32 width[size=1em] ：容器宽度- Int32 height[size=1em] ：容器高度[size=1em]
案例[size=1em]	var v = new Vertical();[size=1em] v.setContainerSize(400, 600); // 设置容器大小为400x600[size=1em]

📌setBackgroundColor 设置背景颜色[size=1em]

类别[size=1em]	详情说明[size=1em]
方法功能[size=1em]	根据提供的 RGB 值设置容器的背景颜色[size=1em]
方法签名[size=1em]	Void setBackgroundColor(Int32 red, Int32 green, Int32 blue)[size=1em]
返回值[size=1em]	Void[size=1em]
参数[size=1em]	- Int32 red[size=1em] ：红色分量- Int32 green[size=1em] ：绿色分量- Int32 blue[size=1em] ：蓝色分量[size=1em]
案例[size=1em]	var v = new Vertical();[size=1em] v.setBackgroundColor(50, 100, 150); // 设置背景颜色[size=1em]

📌setAlignment 设置对齐方式[size=1em]

类别[size=1em]	详情说明[size=1em]
方法功能[size=1em]	设置容器内控件的对齐方式，可选值包括 fill[size=1em] （填充对齐）、left[size=1em] （左对齐）、right[size=1em] （右对齐）、top[size=1em] （顶部对齐）、bottom[size=1em] （底部对齐）、center[size=1em] （居中对齐），默认值为 fill[size=1em]
方法签名[size=1em]	Void setAlignment(String alignment)[size=1em]
返回值[size=1em]	Void[size=1em] （无返回值）[size=1em]
参数[size=1em]	- String alignment[size=1em] ：对齐方式字符串，可选值：- fill[size=1em] ：填充对齐- left[size=1em] ：左对齐- right[size=1em] ：右对齐- top[size=1em] ：顶部对齐- bottom[size=1em] ：底部对齐- center[size=1em] ：居中对齐默认值为 fill[size=1em]
案例[size=1em]	var v = new Vertical();[size=1em] v.setAlignment("center"); // 设置对齐方式为居中[size=1em] /*可选值如下：[size=1em] - fill: 填充对齐[size=1em] - left: 左对齐[size=1em] - right: 右对齐[size=1em] - top: 顶部对齐[size=1em] - bottom: 底部对齐[size=1em] - center: 居中对齐[size=1em] 默认值为 fill。[size=1em] */[size=1em]

示例：[size=1em]
[backcolor=var(--yq-bg-primary)]
[backcolor=rgba(255, 255, 255, 0.3)]

[color=var(--yq-yuque-grey-900)]





0:00/0:30

倍速










[backcolor=var(--yq-bg-primary)]


[color=rgba(173, 177, 185, 0.5)]JavaScript

运行代码
复制代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

// 🔨Ul-垂直容器[Vertical]方法完整示例
// 方法小结，交流QQ群711841924

// 创建 TabView
var tab = new TabView();

// 设置标签页标题
tab.setTitles(["addView示例", "removeView示例", "其他方法示例"]);

// 显示 TabView，并在加载完成后执行回调函数
tab.show(function() {
    printl("TabView 显示完成");

    // ====================== 第一页：addView示例 ======================
    var addViewDemo = new Vertical();
    addViewDemo.setSpacing(10); // 设置控件间隔
    addViewDemo.setBackgroundColor(240, 240, 240); // 设置背景颜色

    // 创建说明标签
    var titleLabel = new Label();
    titleLabel.setText("addView方法演示");
    addViewDemo.addView(titleLabel);

    // 使用addView添加各种控件
    var label1 = new Label();
    label1.setText("这是第一个通过addView添加的标签");
    addViewDemo.addView(label1);

    var button1 = new Button();
    button1.setText("这是通过addView添加的按钮");
    button1.setColor(70, 130, 180);
    button1.onClick(function() {
        printl("第一页按钮被点击");
    });
    addViewDemo.addView(button1);











[color=var(--yq-text-primary)][backcolor=var(--yq-bg-primary)]



[color=var(--yq-text-primary)][backcolor=var(--yq-bg-primary)]

---

欢迎光临 自动发帖软件 (http://www.fatiegongju.com/)

Powered by Discuz! X3.2