码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-07-11 20:43:08      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:bsp   ast   效果   文本   mic   Fix   动画   技术   交互   

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

方法/步骤

 
  1.  

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

    技术图片
  2.  

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

    技术图片
  3.  

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

    技术图片
  4.  

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

    技术图片
  5.  

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

    技术图片
  6.  

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

    技术图片
  7.  

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

    技术图片
  8.  

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

    技术图片
  9.  

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

    技术图片
    END
 
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。

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

标签:bsp   ast   效果   文本   mic   Fix   动画   技术   交互   

原文地址:https://www.cnblogs.com/telwanggs/p/11172053.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!