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

YYPOST群发软件 · 发表于 2025-7-30 07:13:33

//方法小结，交流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。
*/

ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 50px; padding-left: 50px;">

📌

addView添加子控件

类别	详情说明
方法功能	向容器中添加一个子控件，多个控件会排列到一列当中
方法签名	ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">Void addView(Object view)
返回值	ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">Void
参数	- ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">Object view ：要添加的子控件对象
案例	ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">var v = new Vertical(); ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">var btn = new Button(); ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">v.addView(btn);

📌

removeView移除视图

类别	详情说明
方法功能	根据指定索引移除容器中的子控件
方法签名	ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">Void removeView(Int32 index)
返回值	ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">Void （无返回值）
参数	- ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">Int32 index ：要移除子控件的索引
案例	var v = new Vertical(); v.removeView(0); // 移除第一个子控件

📌

clearAllViews清空所有视图

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

📌

getViewCount 获取视图数量

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

📌

setSpacing设置控件间隔

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

📌

setContainerSize设置容器大小

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

📌

setBackgroundColor 设置背景颜色

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

📌

setAlignment 设置对齐方式

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

示例：

0:00/0:30

JavaScript
运行代码
复制代码
// 🔨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);