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