美文网首页
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实现点击按钮下滑上滑效果

    设置一个动态面板,两个状态。 状态2是下滑前,上滑后的页面。(原背景) 状态1是下滑后,上滑前页面。(滑动的部件)...

  • Axure实现点击切换面板显隐

    概述 Axure中实现点击一个按钮,按钮状态切换,并切换面板的显隐。 效果 实现后如下图所示: 实现 切换到概要面...

  • 软键盘遮挡问题

    要实现如上图效果:注意不是将页面整体滑上去,而是让页面上滑一部分,以达到不遮挡登录按钮的效果 实现思路: 监听键盘...

  • SWTableViewCell

    1, SWTableViewCell实现的效果:Cell的左滑和右滑可以出线其他按钮2, 下载地址:github下...

  • Unity中实现UI渐隐渐显的效果

    实现效果:点击按钮,目标UI会逐渐消失,再次点击按钮,UI会逐渐出现。具体实现代码如下:

  • Axure 点击按钮出弹窗

    点击按钮出弹窗 点击按钮出弹窗,是PC或APP上最基本的交互。我们利用Axure可以快速设计实现该交互。 具体操作...

  • 小程序  点击按钮后修改颜色(样式)

    需实现的功能:点击按钮后,按钮的颜色会加深 效果展示:原按钮 点击后的按钮 思路:给按钮设置一个点击事件,点击了按...

  • Axure实现点击+1效果

    设置一个全局变量a,默认值为0。变量的设置方法如下: 工程-全局变量-设置变量 在画布中放置一个标签控件,命名为C...

  • 13-1图文混排

    图文混排 实现效果 表情按钮点击事件 在 HMEmoticonPageCell 中监听表情按钮点击 -- 在添加按...

  • 【axure】axure制作图片轮播效果

    网站或APP中经常看到图片轮播(即自动切换)效果,今天就总结一下如何用axure实现图片轮播以及点击切换效果。先睹...

网友评论

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

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