AIWROK软件IOS苹果Ul-垂直容器[Vertical]方法小结

	AIWROK软件IOS苹果Ul-垂直容器[Vertical]方法小结 //方法小结，交流QQ群711841924 //第一个方法：addView添加子控件 var label = new Label(); label.setText("Hello World"); //第二个方法：removeView移除视图 var v = new Vertical(); v.removeView(0); // 移除第一个子控件 //第三个方法：clearAllViews清空所有视图 var v = new Vertical(); v.clearAllViews(); // 清空所有控件 //第四个方法：getViewCount 获取视图数量 var v = new Vertical(); int count = v.getViewCount(); // 获取子控件的数量 //第五个方法：setSpacing设置控件间隔 var v = new Vertical(); v.setSpacing(10); // 设置控件间隔为10 //第六个方法：setContainerSize设置容器大小 var v = new Vertical(); v.setContainerSize(400, 600); // 设置容器大小为400x600 //第七个方法：setBackgroundColor 设置背景颜色 var v = new Vertical(); v.setBackgroundColor(50, 100, 150); // 设置背景颜色 //第八个方法：setAlignment 设置对齐方式 var v = new Vertical(); v.setAlignment("center"); // 设置对齐方式为居中 /* 可选值如下： - fill: 填充对齐 - left: 左对齐 - right: 右对齐 - top: 顶部对齐 - bottom: 底部对齐 - center: 居中对齐 默认值为 fill。 */ 复制代码 📌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)]