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

在图表中使用列表可以清晰地呈现文本信息。

drawio3年前 (2023-04-26)draw.io教程9

draw.io 中的列表形状与表格形状的功能完全相同——使用键盘快捷键,或使用右侧格式面板“排列”选项卡中的表格工具,或使用绘图画布上方工具栏中的表格工具,即可快速添加和删除列表条目。

在“通用”形状库中查找此列表形状和行形状(列表项)

注:在“其他”形状库中还有许多其他专用列表形状,如果您在“形状”面板中搜索“列表”,还可以找到更多。虽然有些形状的功能与本文中描述的列表形状类似,但其他形状则具有截然不同的功能,例如信息图列表、剪贴画列表或模型列表。

在 draw.io 中使用列表形状

添加行:您可以通过多种方式向列表形状添加行。首先,单击列表形状,然后再次单击以选择形状内的行。

  • 在格式面板的“排列”选项卡中,单击“在……之后插入行”“在……之前插入行”按钮。

  • 使用工具栏中的表格工具添加行。

  • Ctrl+Enter在 Windows 或macOS 上按此键Cmd+Enter,即可在选定行的正下方插入该行的副本。

  • 按住CtrlCmd,抓住并拖动一行副本到表格中的新位置,或者按Enter复制它。

删除行:单击列表形状以选中它,然后再次单击行以仅选中该行,然后选择以下方法之一。

  • 使用格式面板的“排列”选项卡中的工具,或工具栏中的“表格”工具删除该行。

  • 按下Delete按键。

  • 右键单击列表形状内的行,然后从上下文菜单中选择“删除” 。

移动行:单击列表形状,再次单击其中的行以选中它,然后将该行拖动到新位置。或者,使用键盘上的方向键向上或向下移动选定的行。

垂直调整行大小:选择列表中的列表项,拖动行顶部或底部的圆形抓取手柄,使其变大或变小。

水平调整列表大小:选择包含列表的形状(单击顶部标题),然后拖动两侧的抓取手柄。

展开和折叠列表:点击列表形状左上角的小箭头-或图标即可折叠或展开列表。+

连接到列表中的行

将鼠标悬停在未选中的行上,从该行两侧的十字形之一拖动连接线,然后将其放到列表形状中的另一个形状或行上,即可在它们之间绘制连接线。

当您在绘图画布上移动列表形状时,这些固定连接器将保持与行的连接状态。

分隔符、嵌入式形状和嵌套列表

添加分隔线:使用 UML 形状库中的分隔线形状,可以为列表形状添加分隔符。从左侧的形状库中拖动分隔线,然后将其放置在列表上方。您可以像调整其他列表项一样上下拖动分隔线来重新定位它。

提示:放置在列表形状中的分隔线将自动使用该列表形状的轮廓颜色。

将形状嵌入列表:从形状库中拖动一个形状,当轮廓为紫色时,将其放到列表形状上,即可将其作为行添加到列表中。

大多数简单形状都可以用这种方式嵌入,一些智能容器形状(例如高级形状库中的思维导图形状)也可以。

要将形状覆盖在列表顶部而不是变成一行,请按住鼠标左键Alt并将形状拖放到列表顶部。

嵌套列表:将新的列表形状拖入绘图画布上已有的列表形状中。当包含它的列表形状折叠时,嵌套的列表形状也会被隐藏。

文本格式设置:常规形状库中的列表形状默认启用自动换行和 HTML 文本格式设置选项。双击选中行内的文本,然后在格式面板的“文本”选项卡中使用粗体、删除线、项目符号列表、缩进等格式设置选项。

使用此列表形状的图表

如果您在团队会议中使用 draw.io 作为在线白板,请使用列表形状快速准备检查清单和待办事项清单。

简短的流程在列表形状中也运行良好,并且可以使用Ctrl+Enter键盘快捷键复制行来快速绘制。

文档要求或角色职责。例如,以下列出了核心科目和选修科目的评估任务,并说明了哪些任务可以跨科目合并。

使用列表形状可以轻松显示和比较每个活动和参展商类型的会议详情。

您可能会发现,使用列表形状来处理像这种包含大量文本的商业模式画布模板会更加方便。例如,您可以绘制关键资源和需求之间的联系,并折叠每个类别,从而更轻松地处理商业模式。

高级用户:列表形状在数据驱动型图表中非常有用,例如下方仪表板中的表格。由于列表形状中的每一行都有其唯一的形状 ID,因此其他应用程序也可以动态地引用和更新它。