Skip to main content

App Builder 中的组件

注意

App Builder 是随 Alteryx Analytics Cloud Platform 提供的一款不断发展的新产品。我们不断完善和提升您的体验,因此功能如有更改,不再另行通知。感谢您的理解,并欢迎您在我们继续改进 App Builder 的同时,通过 Alteryx 社区提出反馈意见!

使用组件元素向应用程序中添加内容。

添加和移除组件元素

要将组件元素添加到画布中,请从构建块面板中将元素拖到画布内的容器中。

要移除组件元素,请选择该元素使其突出显示,然后单击垃圾桶图标。

横幅

使用横幅在应用程序中强调重要信息。

配置元素

  1. 选择横幅的类型

    • 信息

    • 成功

    • 警告

    • 错误

  2. 选择横幅的样式

    • 标准

    • 轮廓

    • 填充

  3. 输入边框宽度(此选项仅在样式轮廓时可用)。

  4. 选中显示图标以显示横幅图标

  5. 输入横幅的内容。这是显示在横幅中的文本。

  6. 指定颜色

    • 文本

    • 填充

    • 边框

    注意边框仅在选择的样式轮廓时可用。

  7. 选择保存

分隔符

使用分隔线在应用程序的组件之间添加视觉分隔。

配置元素

  1. 选择线条宽度。这决定了分隔线的宽度。

  2. 选择线条样式

    • 实线

    • 虚线

  3. 选择分隔线的颜色

  4. 要调整画布上分隔线的大小,请选择分隔线元素的角点并通过拖动进行调整。

  5. 选择保存

图像

使用图像在应用程序中显示图像。

配置元素

  1. 输入链接到要显示的图像的图像 URL

  2. 输入图像标题

  3. 选择保存

链接

使用链接为应用程序添加链接。

配置元素

  1. 输入显示在应用程序中、作为可单击链接的显示文本

  2. 输入链接 URL,将显示文本链接到您希望用户重定向到的网页。

  3. 选择保存

间隔

使用间隔符在应用程序的其他元素之间创建间隙。

配置元素

  1. 为间隔符元素的背景选择颜色。默认颜色为透明色。

  2. 要调整画布上间隔符的大小,请选择间隔符元素的角点并通过拖动进行调整。

  3. 选择保存

颜色

在配置面板中使用可用的颜色选项自定义您的构建块。要自定义组件的颜色,选择一个构建块,然后在颜色下拉菜单中选择您的颜色选项。如需详细了解颜色选项和如何更改主题颜色,请参阅 App Builder 中的主题

间距

在 App Builder 中为您的构建块设置自定义间距。输入像素数,以在元素的顶部底部左侧右侧添加外边距。

条件逻辑

为元素添加条件逻辑,决定是否显示该元素:

  1. 仅在满足条件时显示选择变量。

  2. 选择运算符

  3. 选择一个,这是变量存储的值,直到通过设置变量工具进行更改。