自定义提示面板
时长:
指导老师:Axure官网
困难程度:容易
本课程学习使用OnMouseEnter事件和动态面板,实现鼠标悬停和离开部件时,显示、隐藏面板内容。
OnMouseEnter事件的内容切换交换
步骤1:转换面板并命名标签

首先,打开CustomTooltip.rp文档的Custom Tooltip页面。
选择标题“UX Man: The Movie”的提示框,右键,快捷菜单选择“转换->转换为动态面板”。
然后,命名面板标签为Tooltip
步骤2:设置面板隐藏

面板默认为隐藏状态,右键Tooltip面板,快捷菜单选择“编辑动态面板->设为隐藏”。
步骤3:设置OnMouseEnter事件显示面板

选择UX Man图片,部件属件窗口交互标签中双击OnMouseEnter事件。
用例编辑器中,选择“显示面板”,配置显示Tooltip面板。
步骤4:设置OnMouseOut事件隐藏面板

现在设置鼠标移出UX Man图片时隐藏面板。OnMouseOut事件添加用例,用例编辑器中,选择“隐藏面板”动作,配置隐藏Tooltip面板。
生成原型,测试效果。