在可视化页面交互设计中弹窗、下拉面板等展开组件常需灵活收起。本文讲解如何配置点击页面空白区域或其他组件自动关闭当前已展开组件的实现思路优化界面操作流畅度与用户浏览体验。1.在左侧组件库添加“弹窗”、“按钮”和“基本单行文本”组件至项目中这里为演示组件可以选择其他组件。接着将基础单行文本组件移入弹窗组件内部即可。第一种方法点击弹窗外部区域即可自动关闭弹窗内部组件。1.选中弹窗组件在右侧“样式”配置栏下选择“弹窗设置”开启“点外部区域关闭”设置项。展示效果如下第二种方法可通过按钮配置交互来控制组件不透明度也支持使用其他组件实现该效果。1.选中按钮在右侧添加“交互”触发“点击”事件并执行“修改设置”动作选择需要关闭的组件设置“不透明度”为“0”即可。展示效果如下