Axure实现提示文本单击显示后自动消失的效果

 时间:2024-10-13 01:45:11

1、如图所示,框出的部分为提示文本(已经命荏半吨蛸名为tooltip),希望达到的效果是默认加载时不显示,点击帮助图标后显示,且2秒后自动消失。

Axure实现提示文本单击显示后自动消失的效果

2、首先在“属性面板”的交互中,选择“载入时”

Axure实现提示文本单击显示后自动消失的效果

3、在“载入时”用例编辑中,隐藏tooltip,上面的事件无需理会,是另外一个交互事件

Axure实现提示文本单击显示后自动消失的效果

4、再选择要单击的元件,事件选择“鼠标单击时”

Axure实现提示文本单击显示后自动消失的效果

5、先给tooltip增加第一个事件,逐渐显示。

Axure实现提示文本单击显示后自动消失的效果

6、通过“其他”-“等待”,修改等待时间,实现显示2s的效果。

Axure实现提示文本单击显示后自动消失的效果

7、继续选择“显示-隐藏”,这次可见性改成隐藏,如果动画效果选择“逐渐”,可以把时间鸷拳林根改的短一些。(消失可以比显示快速一些)

Axure实现提示文本单击显示后自动消失的效果

8、回到接受单击动作的元件的交互属性看一下,相当于通过三个时间来实现【隐藏-单击显示-2s后消失】的效果

Axure实现提示文本单击显示后自动消失的效果

9、如果需要做单击其他地方tooltip消失,可以在全局增加一个鼠标点击隐藏的事件。

Axure实现提示文本单击显示后自动消失的效果
  • Axure如何制作提示搜索框效果
  • 如何利用Axure RP 8软件设计评论文字提交效果
  • Axure8.0使用:按钮单击选中,再次单击取消选中
  • 使用Axure如何实现左右滑动切换的效果?
  • Axure8中按钮切换选中样式
  • 热门搜索
    圣诞节手抄报内容英文 语言的魅力手抄报资料 体育手抄报的内容 简单手抄报花边边框 走进西部的手抄报 数学手抄报版面设计 食品安全手抄报花边 垃圾不落地手抄报 关于感恩的心手抄报 感恩教育手抄报内容