图像脚本组件

要在脚本页面上插入图形，请添加图像组件：

1. 在组件工具栏上，单击 。

2. 单击 常用 属性组。

3. 从 “ 图像源” 列表中，选择以下选项之一：

   1. 要指定图像的 Internet 地址，请选择 插值文本。然后输入图像的 URL。 例如：

      https://www.example.com/cat.jpg

   2. 要从工作区指定图像，请选择 C ontent Management ，然后指定要使用的图像文件的工作区和位置。

      注意： 要正确显示，图像必须公开或专门与代理共享。

4. 要调整图像大小，请展开 “ 布局” 属性组，然后设置 “ 宽度” 和 “ 高度” 属性。

5. 要在代理单击图像时调用操作，请单击 “ 高级” 属性组。 在 单击操作下，单击 未选择任何操作。

6. 设置组件的任何其他属性。 

   通用

   图像源

   图片来源指定托管图像的 URL。 URL 可以手动输入或由变量分配。

   例如：

   https://www.nps.gov/common/uploads/grid_builder/nri/crop16_9/E01C0169-1DD8-B71B-0BF5CE35362EF045.jpg

   

   颜色

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

   默认值— 指定默认颜色。 颜色— 允许您从常用颜色的调色板中进行选择，或者通过输入 RGB 值或将拾色器移动到新的光谱位置来选择自己的颜色。 设置文本和背景的颜色是外貌控制板。 此属性面板仅适用于具有颜色功能的组件。 单击 “选 择” 以指定当前选择。 Variable— 分配存储在字符串变量中的颜色。 例如，要分配深蓝色： 单击变 量 选项卡。 单击 + 添加变量。 选择 String 作为新变量存储的值的类型。 在 “名称” 框中键入描述性名称。 将 默认值e 设置 为 0000FF 或 #0000FF — 这是深蓝色的十六进制代码。 单击 “ 应用”。 将变量分配给此颜色属性。

   更改脚本页面的背景颜色

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

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

      

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

      

      您可以通过为其他容器分配不同的背景颜色来创建有趣的效果。

      

   布局

   宽度

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

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

   高度

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

   設置	描述
   	自动调整大小可将组件配置为根据其内容进行缩小或增长。
   	以像素为单位设置固定大小。 您可以在框中键入整数值，或使用向上或向下箭头来增大或减小大小。 当组件获得焦点时，这些箭头可见。
   	拉伸允许组件相对于其他组件消耗尽可能多的空间，使用权重来影响大小调整。 如果两个组件都设置为伸展，则默认情况下它们都被分配剩余空间的 50％。 可以通过更改权重值来调整此比例。 例如，如果将一个组件的权重设置为 200，将另一个组件的权重设置为 100，则第一个组件占用剩余空间的三分之二，而另一个组件只占三分之一。 第一个组件的大小是另一个组件的两倍，因为它的重量是第二个组件权重的两倍。

   对齐

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

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

   設置	示例

   边距​​

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

   

   1. 要有选择地一次更新所有边距值，请在属性面板中 按边距的全部 设置按钮。

      

   2. 单击保证金的值字段。 旋转控件出现在该字段中。

   3. 使用旋转控制来增加或减少边距。 如果选择 了 “全部 设置”，则更改将应用于所有边距。

      

      该组件会立即使用其新的边距设置重新定位。

   可见

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

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

   外观

   颜色

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

   默认值— 指定默认颜色。 颜色— 允许您从常用颜色的调色板中进行选择，或者通过输入 RGB 值或将拾色器移动到新的光谱位置来选择自己的颜色。 设置文本和背景的颜色是外貌控制板。 此属性面板仅适用于具有颜色功能的组件。 单击 “选 择” 以指定当前选择。 Variable— 分配存储在字符串变量中的颜色。 例如，要分配深蓝色： 单击变 量 选项卡。 单击 + 添加变量。 选择 String 作为新变量存储的值的类型。 在 “名称” 框中键入描述性名称。 将 默认值e 设置 为 0000FF 或 #0000FF — 这是深蓝色的十六进制代码。 单击 “ 应用”。 将变量分配给此颜色属性。

   更改脚本页面的背景颜色

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

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

      

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

      

      您可以通过为其他容器分配不同的背景颜色来创建有趣的效果。

      

   高级

   图像源

   图片来源指定托管图像的 URL。 URL 可以手动输入或由变量分配。

   例如：

   https://www.nps.gov/common/uploads/grid_builder/nri/crop16_9/E01C0169-1DD8-B71B-0BF5CE35362EF045.jpg

   

   单击操作

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

   

   使用菜单选择操作是打开 URL 还是打开操作。

   

   如果选择 URL，系统会提示您键入 URL 或选择包含 URL 的字符串变量。 该网址可以使用 HTTP 或 HTTPS 协议。

   

   如果选择 “ 操作”，系统会提示您选择脚本程序操作、出站操作或自定义操作。 您也可以选择 “ 无操作” 以取消分配先前选定的操作。