网页组件

网页组件将托管网页嵌入到脚本页面中。 在运行时,指定的页面随脚本页面一起加载。

注释:
  • 被引用的网站必须允许将页面嵌入到其他域中的页面中。 换句话说,您必须在 Web 服务器 上设置 x-frame 选项,以允许其他域在 iframe 标签中显示其页面。 否则,网页组件将无法显示 URL。
  • 指定 URL 时必须使用 安全 HTTP(https://而不是 http://)。

    1. 在 “组件” 工具栏上,单击 “ 网页”
    2. 展开常见的属性面板中的组。然后在 “网页源” 框中键入网页的完全限定 URL。 或者,选择一个值包含 URL 的字符串变量。页面会立即加载,以便您可以验证 URL 是否有效。您不需要选择预览模式。
    3. 设置组件的任何其他属性。

通用

网页源设置要嵌入网页组件的网页的 URL。您可以输入网页的 URL,或使用变量将 URL 传递给组件。

输入有效的 URL 后,网页组件会立即显示该页面。

笔记:该网址必须以 https://开头。如果远程服务器不支持安全http协议,网页组件就无法显示来自该服务器的页面。

布局

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

  • 自动调整大小配置组件根据其内容缩小或扩大。例如,标签的宽度可以根据其包含的文本量而增加。
  • 拉紧允许组件相对于其他组件占用尽可能多的空间,使用权重来影响尺寸调整。
    笔记:如果两个组件都设置为伸展,则默认情况下它们都被分配剩余空间的 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 时,组件可见。当表达式为错误的

无障碍

网页标题设置允许您将网页描述附加到其标题。屏幕阅读器识别并宣布描述。

  • 或者单击“插入变量”来选择或创建变量。
  • 在框中输入描述。

高级

网页源设置要嵌入网页组件的网页的 URL。您可以输入网页的 URL,或使用变量将 URL 传递给组件。

输入有效的 URL 后,网页组件会立即显示该页面。

笔记:该网址必须以 https://开头。如果远程服务器不支持安全http协议,网页组件就无法显示来自该服务器的页面。