Confluence中draw.io可展开按钮创建方法咨询

嘿，我来帮你一步步搞定这个需求，实现类似按钮点击展开子项的效果，操作起来其实挺直观的：

1. 先搭建基础形状 #

• 拖一个矩形作为主按钮，输入文字“dog”；再在它下方拖几个子形状（比如写“puppy”“adult”“senior”），把它们整齐排列在主按钮正下方，方便后续折叠隐藏。

2. 设置子项初始隐藏状态 #

• 选中所有子形状，右键点击 → 选择 Edit Style（编辑样式）
• 在弹出的样式面板里，找到「Visibility」（可见性）选项，勾选「Hidden」（隐藏），点击确认。这样默认打开图表时，子项是看不到的。

3. 给主按钮添加点击触发动作 #

• 选中主按钮（“dog”矩形），右键点击 → 选择 Edit Link（编辑链接）
• 不用填任何URL，直接切换到 Actions（动作）标签页
• 在动作列表里选 Toggle Visibility（切换可见性），然后点击旁边的「Select」按钮，框选所有需要展开/折叠的子形状
• 点击确认保存这个设置。

4. 测试效果 #

• 现在你可以在draw.io里预览，或者保存到Confluence后查看：点击“dog”按钮，子项就会展开显示；再点一次，子项就会收起隐藏，完全符合你的需求！

额外小Tips #

• 想让主按钮更像“按钮”？可以右键它→Edit Style，给矩形加圆角、调整填充色/边框粗细，瞬间质感拉满～
• 如果需要多级折叠（比如点击“puppy”再展开更小的子项），重复上面的步骤就行，给子项也添加Toggle Visibility动作，关联它的下一级子形状。

内容的提问来源于stack exchange，提问作者Jenna