如何让draw.io容器折叠时显示图标和标题?
在draw.io中给容器添加头部图标,折叠时保留显示的方法
我在draw.io里用容器制作软件组件图,想给容器搭配图标,最终将这个形状存入共享库来统一团队的外观标准。现在遇到一个问题:容器折叠时,我希望图标和标题文本都能显示,但如果把图标和容器分组,折叠后图标就会被隐藏。有没有办法把图标直接加到容器的「头部」?
状态对比
- 展开状态表现:

- 期望折叠状态表现:

- 当前折叠状态表现:

解决办法
方法一:直接修改容器样式(最简单高效)
- 右键点击容器,选择「编辑形状」,打开XML编辑器。
- 在
<mxCell>标签的style属性中,添加image=参数——可以填入图标在线链接,或者draw.io内置图标名称(比如image=database就能调用内置数据库图标)。 - 补充
imagePosition=left参数,让图标固定显示在标题左侧,和标题同属容器头部区域。 - 右键容器→「格式」→「容器」,确认勾选「折叠时显示标题」,这样折叠后图标会和标题一起保留显示。
方法二:自定义绑定头部的组合形状(更灵活)
- 拖出目标容器和想要的图标,将图标精准放到容器标题的对应位置。
- 同时选中容器和图标,右键选择「组合」→「组合」(注意别用「分组」,组合会让图标绑定到容器头部层级)。
- 右键组合后的形状,选择「编辑形状」,调整XML中的折叠规则,确保折叠时仅隐藏容器内部内容,保留头部的图标和标题。
- 完成设置后,右键形状选择「添加到库」,存入共享库即可供团队统一使用。
内容的提问来源于stack exchange,提问作者allmhuran
相关产品推荐
相关产品推荐

