按钮组件

脚本页面上的按钮组件添加了一个可点击的按钮来触发操作。按钮可以显示警告消息、导航到其他页面、设置变量的值或触发自定义操作。

  1. 点击按钮在组件工具栏上。 
  2. 将默认标签从 “提交” 更改为描述单击时操作的内容。
  3. 要设置按钮操作,请单击常见的在属性面板中。然后从 “单 击操作” 列表中选择一个操作。分配先前定义的操作或创建一个新的操作。 
  4. 关闭 “选择操作” 列表。
  5. 或者,设置组件的属性。

通用


字体设置可修改文本的视觉外观。 更改字体和大小。 以任意组合使用粗体、斜体或下划线。 对齐周围容器中文本的对齐方式。

有几个组件具有 Text 属性,您可以通过在设计模式下双击组件来更改该属性:

  • 按钮— 双击可将 “提交” 重命名为其他内容。

  • 单选按钮复选框— 双击可将 “标签” 更改为更具描述性的名称。

  • 只读文本— 要更改在只读文本组件中显示的文本,请单击该组件,然后在框中键入文本。

单击操作属性允许您选择单击按钮、链接或图像时要执行的操作。

使用菜单选择操作是否打开 URL 或执行其他类型的操作。

  • 如果选择 URL,系统会提示您键入 URL 或选择包含 URL 的字符串变量。 该网址可以使用 HTTP 或 HTTPS 协议。
  • 如果选择 “ 操作”,系统会提示您选择脚本程序操作、出站操作或自定义操作。 您也可以选择 “ 无操作” 以取消分配先前选定的操作。

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

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

    更改脚本页面的背景颜色

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

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

布局

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

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

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

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

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

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

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

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

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

要根据变量设置 Visible 属性:

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

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

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

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

外貌

有几个组件具有 Text 属性,您可以通过在设计模式下双击组件来更改该属性:

  • 按钮— 双击可将 “提交” 重命名为其他内容。

  • 单选按钮复选框— 双击可将 “标签” 更改为更具描述性的名称。

  • 只读文本— 要更改在只读文本组件中显示的文本,请单击该组件,然后在框中键入文本。
.

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

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

    更改脚本页面的背景颜色

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

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

无障碍

实时区域是一个“是/否”切换按钮,允许屏幕阅读器自动宣布组件中的所有内容更改。

高级

单击操作属性允许您选择单击按钮、链接或图像时要执行的操作。

使用菜单选择操作是否打开 URL 或执行其他类型的操作。

  • 如果选择 URL,系统会提示您键入 URL 或选择包含 URL 的字符串变量。 该网址可以使用 HTTP 或 HTTPS 协议。
  • 如果选择 “ 操作”,系统会提示您选择脚本程序操作、出站操作或自定义操作。 您也可以选择 “ 无操作” 以取消分配先前选定的操作。

默认情况下,所有组件都启用。 Disabled 属性将 True/False 变量绑定到组件,以根据该变量的运行时值禁用或启用它。

  1. 要创建 True /False 变量,请单击 变量 选项卡。
  2. 单击 “添加” 以添加变量。
  3. 选择 True /False 作为数据类型。
  4. 在 “名称” 框中,键入描述性名称。
  5. 将默认值设置为真的或者错误的
    • 如果变量为 True,则该组件被禁用。
    • 如果变量为 False,则该组件已启用。
  6. 要保存变量,请单击 “应用”
  7. 将变量分配给已禁用财产。以下已禁用, 点击选择变量
  8. 选择 True /False 变量。

要测试您的工作,请单击 “ 预览”