Skip to main content

分配颜色

您可以通过以下方式静态配置可视化元素的颜色 颜色 属性,或动态地通过分配应用程序变量 颜色变量 财产。根据元素,颜色分配也可用于其他属性。例如,对于字体颜色,这在 文本 标记元素的属性。

对于颜色值的静态分配,您始终可以使用属性编辑器中的颜色对话框,它提供了可供选择的调色板。

您可以将颜色指定为样式颜色。样式颜色是来自主动应用样式的颜色定义的颜色名称。配置相应的属性时,会为您提供可用样式颜色的列表。 我们建议您使用样式颜色 因为您可以通过样式选择或样式自定义集中更改颜色。您还可以打开 颜色 对话框从调色板中选择一个值。

此外,您可以将元素的填充颜色定义为 坡度.然后颜色从初始颜色线性、径向或轴向变化到最终颜色。您配置 渐变设置 在里面 渐变编辑器 对话。

设计具有样式颜色或固定颜色值的可视化元素

重要

带有样式颜色的颜色分配允许轻松的全局颜色更改。

要求:可视化编辑器已打开。

  1. 插入一些 Rectangle 元素。

  2. 选择一个元素。

    特性 视图处于活动状态。

  3. 点击在 颜色→正常状态→填充颜色 财产。

    一个列表框和 _cds_icon_button_threedots.png 按钮显示。

  4. 分配一个 款式颜色 到矩形。例如,选择 元素填充颜色 从列表框中。

  5. 定义透明度的程度 颜色→正常状态→填充颜色→透明度 属性:使用滑块选择值 136.

  6. 选择另一个矩形。点击在 颜色→正常状态→填充颜色 财产。

    一个列表框和 _cds_icon_button_threedots.png 按钮显示。

  7. 分配一个 固定颜色值 到矩形。点击 _cds_icon_button_threedots.png 按钮来执行此操作。

    颜色 对话框打开。

  8. 选择标准颜色或 定义自定义颜色 微调您的选择。然后点击 好的.

    颜色设置为固定值。颜色显示为一个小矩形。 RGB 值也显示在它旁边。

  9. 点击在 颜色→正常状态→填充颜色→透明度 财产。

  10. 使用滑块选择值 136.

    颜色是半透明的。

有关更多信息,请参阅: 应用可视化样式

设计具有颜色渐变的可视化元素

要求:可视化编辑器已打开。

  1. 拖动一个 长方形 元素到可视化。

  2. 启用 颜色 → 使用渐变色 财产。

  3. 点击在 颜色 → 渐变设置 财产。

    渐变编辑器 对话框打开。

  4. 定义元素的颜色渐变:

    • 渐变类型径向

    • 标准径向中心

    元素的填充颜色从白色到黑色呈放射状变化。

    _visu_img_viscolor_gradient.png

为彩色动画配置可视化元素

颜色变量 某些元素可能具有的属性用于元素的颜色动画。如果您在那里分配一个变量,那么您可以在应用程序代码中编程颜色更改或配置导致颜色更改的用户输入。

有关更多信息,请参阅: 元素动画动画彩色显示