垂直堆栈容器脚本组件

垂直堆栈是垂直排列子组件的父容器。 要水平排列组件，请使用水平堆栈容器。

注意： 每个脚本页都有默认的垂直堆栈容器，其中包含添加到该页面的所有内容。 您无法删除此根组件，但可以修改其属性并向其中添加组件。

  1. 由于默认容器是垂直堆栈容器，因此您可能不需要添加额外的容器。要添加另一个，请单击垂直堆叠容器在组件工具栏上。 

    当您选择垂直堆栈容器时，脚本编辑器会显示向下方向指示器。 箭头指示添加到控件中的新组件如何相对于彼此对齐。

    对于垂直堆栈，脚本编辑器会将新组件放置在前一个组件的下方。 如果添加文本组件后跟输入，则编辑器将垂直堆叠控件。

  2. 如果使用工具栏添加另一个组件，则容器会将其放置在当前选定项目的下方。

可以选择设置此组件的属性。

通用

使用权重来影响大小调整，将宽度配置为固定大小，根据需要增大以显示内容，或者相对于其他组件消耗尽可能多的空间。

  • 自动调整大小配置组件根据其内容缩小或扩大。例如，标签的宽度可以根据其包含的文本量而增加。
  • 拉紧允许组件相对于其他组件占用尽可能多的空间，使用权重来影响尺寸调整。
    笔记：如果两个组件都设置为伸展，则默认情况下它们都被分配剩余空间的 50％。可以通过更改权重值来调整此比例。例如，如果将一个组件的权重设置为 200，将另一个组件的权重设置为 100，则第一个组件占用剩余空间的三分之二，而另一个组件只占三分之一。第一个组件的尺寸看起来是另一个组件的两倍，因为它的重量是第二个组件重量的两倍。
  • 像素设置固定像素大小。您可以在框中键入整数值，或使用向上或向下箭头来增大或减小大小。当组件具有焦点时，这些箭头可见。

使用权重来影响大小调整，将高度配置为固定大小，以便根据需要增大以显示内容，或者相对于其他组件消耗尽可能多的空间。

  • 自动调整大小配置组件根据其内容缩小或扩大。例如，标签的宽度可以根据其包含的文本量而增加。
  • 拉紧允许组件相对于其他组件占用尽可能多的空间，使用权重来影响尺寸调整。
    笔记：如果两个组件都设置为伸展，则默认情况下它们都被分配剩余空间的 50％。可以通过更改权重值来调整此比例。例如，如果将一个组件的权重设置为 200，将另一个组件的权重设置为 100，则第一个组件占用剩余空间的三分之二，而另一个组件只占三分之一。第一个组件的尺寸看起来是另一个组件的两倍，因为它的重量是第二个组件重量的两倍。
  • 像素设置固定像素大小。您可以在框中键入整数值，或使用向上或向下箭头来增大或减小大小。当组件具有焦点时，这些箭头可见。

填充定义内部边框和内容之间的空间。 边距设置边框外的间距，而填充则在边框内添加空间。

  1. 单击边框项目的值字段。 旋转控件出现在该字段中。
  2. 使用旋转控件增加或减小边框宽度。 如果选择了 “全部设置”，则更改将应用于所有值。
  3. 要有选择地一次更新所有填充值，请在属性面板中 按 “填充” 的 “全部 设置” 按钮。

将背景颜色设置为以下颜色之一：

将背景颜色或文本颜色设置为以下颜色之一：

  • 默认— 分配默认颜色。
  • 颜色—允许您从常用颜色调色板中进行选择，或者通过输入 RGB 值或将颜色选择器移动到新的光谱位置来选择自己的颜色。设置文本和背景的颜色是外观面板中的一个属性。此属性面板仅适用于具有颜色功能的组件。
  • 多变的— 分配存储在字符串变量中的颜色。
    变量示例：要指定深蓝色：
    1. 点击变量选项卡。
    2. 点击添加变量添加变量。
    3. 选择 String 作为新变量存储的值的类型。
    4. 在姓名盒子。
    5. 放默认值为 0000FF 或 #0000FF——这是深蓝色的十六进制代码。
    6. 单击 “ 应用”。
    7. 将变量分配给此颜色属性。

    更改脚本页面的背景颜色

    要设置整个页面的背景颜色，请为其根垂直容器指定背景颜色。

    • 在面包屑栏中，单击根容器图标。
    • 在“常见”或“外观”下，分配不同的背景颜色。

    更改脚本页面的背景颜色

    要设置整个页面的背景颜色，请为其根垂直容器指定背景颜色。

    1. 在面包屑栏中，单击根容器。

       

    2. 在 “ 常用” 或 “ 外观” 下，指定不同的背景颜色。

       

边框定义填充和边距之间的空间。 边距设置边框外的间距，而填充则在边框和组件之间添加空间。

  1. 单击边框项目的值字段。 旋转控件出现在该字段中。
  2. 使用旋转控件增加或减小边框宽度。 如果选择了 “全部设置”，则更改将应用于所有填充值。
  3. 要一次更新所有边框值，请按属性面板中边框的“全部设置”按钮。

     

布局

使用权重来影响大小调整，将宽度配置为固定大小，根据需要增大以显示内容，或者相对于其他组件消耗尽可能多的空间。

  • 自动调整大小配置组件根据其内容缩小或扩大。例如，标签的宽度可以根据其包含的文本量而增加。
  • 拉紧允许组件相对于其他组件占用尽可能多的空间，使用权重来影响尺寸调整。
    笔记：如果两个组件都设置为伸展，则默认情况下它们都被分配剩余空间的 50％。可以通过更改权重值来调整此比例。例如，如果将一个组件的权重设置为 200，将另一个组件的权重设置为 100，则第一个组件占用剩余空间的三分之二，而另一个组件只占三分之一。第一个组件的尺寸看起来是另一个组件的两倍，因为它的重量是第二个组件重量的两倍。
  • 像素设置固定像素大小。您可以在框中键入整数值，或使用向上或向下箭头来增大或减小大小。当组件具有焦点时，这些箭头可见。

使用权重来影响大小调整，将高度配置为固定大小，以便根据需要增大以显示内容，或者相对于其他组件消耗尽可能多的空间。

  • 自动调整大小配置组件根据其内容缩小或扩大。例如，标签的宽度可以根据其包含的文本量而增加。
  • 拉紧允许组件相对于其他组件占用尽可能多的空间，使用权重来影响尺寸调整。
    笔记：如果两个组件都设置为伸展，则默认情况下它们都被分配剩余空间的 50％。可以通过更改权重值来调整此比例。例如，如果将一个组件的权重设置为 200，将另一个组件的权重设置为 100，则第一个组件占用剩余空间的三分之二，而另一个组件只占三分之一。第一个组件的尺寸看起来是另一个组件的两倍，因为它的重量是第二个组件重量的两倍。
  • 像素设置固定像素大小。您可以在框中键入整数值，或使用向上或向下箭头来增大或减小大小。当组件具有焦点时，这些箭头可见。

将组件相对于其父容器向左、向右或居中对齐。

提示：如果组件的父容器的高度设置为Auto Sizing。要解决此问题，请将父容器的高度设置为Stretch或固定高度Pixels。

如果容器有额外的空间，子排列方式决定了容器内容的排列方式。

如果容器的宽度和高度自动调整大小，则禁用此设置。 自动调整大小会告诉容器扩展到它所包含的元素的大小。 由于这样不允许额外的空间，因此子安排属性没有任何意义，并且会被禁用。 要启用子项排列，请设置容器的宽度（以像素为单位），或者设置为伸展。

当容器有额外空间时，您可以选择以下选项之一来影响空间的分布方式：

  • Start— 将内容分配到容器的起始位置。
  • 中心— 内容分布到容器的中心。
  • End— 内容分布到容器的末端。

边距设置边框周围的左、右、上和下间距。

  1. 单击保证金的值字段。 旋转控件出现在该字段中。
  2. 使用旋转控件来增加或减少边距。 
  3. 要一次性更新所有边距值，请点击设置全部属性面板中的“边距”按钮。

Visible 属性根据布尔值（True 或 False）变量或表达式的值设置组件的可见性。

要根据变量设置 Visible 属性：

  1. 点击布局物业集团特性控制板。
  2. 在下面可见的， 点击选择变量。
  3. 选择一个变量，或者选择性地创建一个新的 “是/否” 变量，然后将该新变量分配给 Visible 属性。
  4. 在运行时，当变量的值为 True 时，组件是可见的。 相反，当变量的值为 False 时，它会被隐藏。

要根据表达式设置 Visible 属性：

  1. 点击布局物业集团特性控制板。
  2. 在可见下，选择真/假表达式。
  3. 在插入变量框中，输入一个表达式。

在运行时，当表达式为 True 时，组件可见。当表达式为错误的。

填充定义内部边框和内容之间的空间。 边距设置边框外的间距，而填充则在边框内添加空间。

  1. 单击边框项目的值字段。 旋转控件出现在该字段中。
  2. 使用旋转控件增加或减小边框宽度。 如果选择了 “全部设置”，则更改将应用于所有值。
  3. 要有选择地一次更新所有填充值，请在属性面板中 按 “填充” 的 “全部 设置” 按钮。

外观

将背景颜色设置为以下颜色之一：

将背景颜色或文本颜色设置为以下颜色之一：

  • 默认— 分配默认颜色。
  • 颜色—允许您从常用颜色调色板中进行选择，或者通过输入 RGB 值或将颜色选择器移动到新的光谱位置来选择自己的颜色。设置文本和背景的颜色是外观面板中的一个属性。此属性面板仅适用于具有颜色功能的组件。
  • 多变的— 分配存储在字符串变量中的颜色。
    变量示例：要指定深蓝色：
    1. 点击变量选项卡。
    2. 点击添加变量添加变量。
    3. 选择 String 作为新变量存储的值的类型。
    4. 在姓名盒子。
    5. 放默认值为 0000FF 或 #0000FF——这是深蓝色的十六进制代码。
    6. 单击 “ 应用”。
    7. 将变量分配给此颜色属性。

    更改脚本页面的背景颜色

    要设置整个页面的背景颜色，请为其根垂直容器指定背景颜色。

    • 在面包屑栏中，单击根容器图标。
    • 在“常见”或“外观”下，分配不同的背景颜色。

    更改脚本页面的背景颜色

    要设置整个页面的背景颜色，请为其根垂直容器指定背景颜色。

    1. 在面包屑栏中，单击根容器。

       

    2. 在 “ 常用” 或 “ 外观” 下，指定不同的背景颜色。

       

边框定义填充和边距之间的空间。 边距设置边框外的间距，而填充则在边框和组件之间添加空间。

  1. 单击边框项目的值字段。 旋转控件出现在该字段中。
  2. 使用旋转控件增加或减小边框宽度。 如果选择了 “全部设置”，则更改将应用于所有填充值。
  3. 要一次更新所有边框值，请按属性面板中边框的“全部设置”按钮。