当前位置:首页 > draw.io教程

占位符标签符合范围

drawio7年前 (2018-12-25)draw.io教程1

您可以为图表中的形状和连接线定义自定义属性。这些形状元数据有助于向查看者解释您的图表。例如,鼠标悬停在形状上时显示的工具提示就是这样一种属性。

占位符就像变量一样——它们可以引用形状的属性,并将标签或工具提示中的文本替换为指定属性的值。

了解如何添加形状属性以及如何在标签和工具提示中使用占位符

占位符显示最接近的匹配属性的值——该属性可以在形状本身中定义,也可以在其最近的祖先中定义,例如容器形状或多组结构。

有很多预定义的占位符,您可以在其中以各种时间格式添加日期和时间、页码或标题等,并添加到标签和工具提示中。

提示:您可以在简单的看板模板中看到占位符的实际应用,其中每张卡片的颜色和状态文本会根据其所在的列而变化。

如何将形状变成容器

如果要使用祖先元素中定义的属性作为占位符,则需要将父形状转换为容器。

  1. 选择父形状,然后在右侧的格式面板中展开形状属性。

  2. 请确保已选中“容器”复选框。

如何设置全局属性

全局属性的工作方式与全局变量类似。图表本身也可以定义属性,其值可以通过占位符访问。

  • 确保未选中任何内容,然后单击格式面板中的“编辑数据”以查看全局自定义属性。

在标签中使用占位符

您可以通过引用用百分号 (%) 括起来的属性名称,显式地向标签添加占位符。例如,如果您已向形状添加了一个名为group%group%的属性,则写入。

使用属性将标签转换为占位符

有些属性名称的行为方式比较特殊。您可以使用特定的属性名称来覆盖形状的标签。

  1. 选择一个形状,然后使用键盘快捷键Ctrl+MCmd+M,或者右键单击一个形状并选择“编辑”>“编辑数据”placeholder ,然后向该形状添加一个名为“属性”的属性。

  2. 作为属性值placeholder,输入另一个属性名称。

请确保第二个属性存在:

  • 就其形状而言

  • 在祖先形状(容器/组)中

  • 作为全局图表属性

在本帖末尾的示例中,矩形形状具有placeholder值为 的属性variableName

  • 全局variableName属性设置为This Value

  • 容器variableName属性设置为That Value

您可以看到,当编辑矩形的标签时,容器的variableName属性值会更新New Value。而同名的全局属性则保持不变。

在我们的在线图表查看器中打开此图表

占位符标签在编辑时会遵循作用域。

编辑已被占位符定义属性覆盖的形状标签,会更改其所引用属性的值。无论您将标签更改为什么值,都会更新按以下顺序查找的最接近的匹配属性值:

  1. 形状

  2. 祖先形状,按遇到的顺序排列(祖先形状)

  3. 全局图属性

如果不存在与占位符属性值匹配的属性名称,则标签将为空白。您对标签文本本身所做的任何编辑都将被忽略。