在交互设计中,标记点的悬停反馈是提升用户体验的关键细节。如何让标记点在用户鼠标悬停时清晰展示提示文字,而未悬停时保持界面简洁、不干扰视觉,是界面设计中常见的优化需求。本文将围绕这一交互细节,探讨实现标记点“悬停显文、未悬停隐文”的设计思路与技术方法,为界面交互优化提供参考。
1.在左侧组件库中添加“3D场景”至项目中。
接着双击进入编辑界面,点击左侧组件库,在“标绘”分类下,将“标记点”添加至项目中。
2.选中“免费标记 2”,在右侧面板中选择“Default state”状态,同时在“样式”配置中,选择“标记主体”,“配置1”关闭“是否显示”开关,“配置2”开启“是否显示”,并关闭“标记文本”选项。
接着将状态修改为“Select”,同时在“样式”配置中,选择“标记主体”,“配置1”和“配置2”开启“是否显示”,并开启“标记文本”选项。
3.退出编辑模式,在左侧组件库添加“弹窗”组件至项目中。
接着双击进入编辑界面,选中“免费标记 2”,在“样式”面板中打开“标记面板”,将“选择弹窗”设为需展示的弹窗,“显示方式”选择“三维跟随”。
展示效果如下: