【功能演示】如何实现标记点在悬停时展示文字,未悬停时不显示?
15 小时前

在交互设计中,标记点的悬停反馈是提升用户体验的关键细节。如何让标记点在用户鼠标悬停时清晰展示提示文字,而未悬停时保持界面简洁、不干扰视觉,是界面设计中常见的优化需求。本文将围绕这一交互细节,探讨实现标记点 “悬停显文、未悬停隐文” 的设计思路与技术方法,为界面交互优化提供参考。  


1.在左侧组件库中添加“3D场景”至项目中。


接着双击进入编辑界面,点击左侧组件库,在 “标绘” 分类下,将 “标记点” 添加至项目中。


2.选中 “免费标记 2”,在右侧面板中选择 “Default state” 状态,同时在 “样式” 配置中,选择 “标记主体”,“配置1”关闭 “是否显示” 开关,“配置2”开启“是否显示”,并关闭 “标记文本” 选项。


接着将状态修改为“Select”,同时在 “样式” 配置中,选择 “标记主体”“配置1”“配置2”开启“是否显示”,并开启 “标记文本” 选项。


3.退出编辑模式,在左侧组件库添加“弹窗”组件至项目中。


接着双击进入编辑界面,选中 “免费标记 2”,在 “样式” 面板中打开 “标记面板”,将 “选择弹窗” 设为需展示的弹窗,“显示方式” 选择 “三维跟随”


展示效果如下:

朝乐 朝乐

登录一下,更多精彩内容等你发现,贡献精彩回答,参与评论互动

登录! 还没有账号?去注册

评论0

暂无评论

咨询热线0571-88650917
地址 公司 邮箱

杭州市文一西路海创科技中心 311121

杭州多算科技有限公司

support@shanhaibi.com

关注山海鯨官方qq群,了解更多内容

QQ群号:788095444

Copyright © 2020-2026 多算科技, All Rights Reserved. 浙ICP备20006837号-5