You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何让draw.io容器折叠时显示图标和标题?

在draw.io中给容器添加头部图标,折叠时保留显示的方法

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

状态对比

  • 展开状态表现:
    展开状态表现
  • 期望折叠状态表现:
    期望折叠状态表现
  • 当前折叠状态表现:
    当前折叠状态表现

解决办法

方法一:直接修改容器样式(最简单高效)

  1. 右键点击容器,选择「编辑形状」,打开XML编辑器。
  2. 在<mxCell>标签的style属性中,添加image=参数——可以填入图标在线链接,或者draw.io内置图标名称(比如image=database就能调用内置数据库图标)。
  3. 补充imagePosition=left参数,让图标固定显示在标题左侧,和标题同属容器头部区域。
  4. 右键容器→「格式」→「容器」,确认勾选「折叠时显示标题」,这样折叠后图标会和标题一起保留显示。

方法二:自定义绑定头部的组合形状(更灵活)

  1. 拖出目标容器和想要的图标,将图标精准放到容器标题的对应位置。
  2. 同时选中容器和图标,右键选择「组合」→「组合」(注意别用「分组」,组合会让图标绑定到容器头部层级)。
  3. 右键组合后的形状,选择「编辑形状」,调整XML中的折叠规则,确保折叠时仅隐藏容器内部内容,保留头部的图标和标题。
  4. 完成设置后,右键形状选择「添加到库」,存入共享库即可供团队统一使用。

内容的提问来源于stack exchange,提问作者allmhuran

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.29 10:25:04