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