美文网首页
Axure实现点击按钮下滑上滑效果

Axure实现点击按钮下滑上滑效果

作者: Nily | 来源:发表于2015-11-24 18:01 被阅读0次

    设置一个动态面板,两个状态。

    状态2是下滑前,上滑后的页面。(原背景)

    状态1是下滑后,上滑前页面。(滑动的部件)

    效果大概是这样。


    1、  设置文本面板“登录”的onclick事件,为点击时设置动态面板的状态为状态1,并设置进行动画为向下滑动。(忽略此处的条件)

    2、  设置动态面板状态1里面的矩形登录按钮的onclick事件,为点击时设置动态面板的状态为状态2,并设置退出动画为向上滑动。

    3、  完成,生成原型就能看到想要的效果了。

    参考:http://www.woshipm.com/ucd/59328.html

    相关文章

      网友评论

          本文标题:Axure实现点击按钮下滑上滑效果

          本文链接:https://www.haomeiwen.com/subject/lbirhttx.html