本文介绍了如何使用Axure制作APP页面的上下滑动及弹回效果。首先，将需要滑动的内容转化为动态面板，设置'拖动时'的移动效果。然后，通过添加'拖动结束时'的用例和条件，当内容接触到设定的顶部线条时，实现弹回。预览后，可以看到页面滑动和弹回的交互效果。
相对于其他交互效果，Axure制作app页面的上下滑动效果还是比较简单的。
为了使效果显著一点，先做一款简单的原型如下。
第一步，将下面框起来的部分要做滑动的内容选好，点击鼠标右键‘转化为动态面板’，并把这个动态面板命名为‘界面内容’；
第二步，选中‘界面内容’动态面板，选择用例‘拖动时’（有的axure版本可能是‘拖动动态面板时’）进入用例编辑；
选择‘移动--勾选’界面内容‘--选择’垂直拖动‘（有的axure版本可能是‘延y轴移动’）；
这样确认后预览可以实现页面滑动的效果了；
最低0.47元/天 解锁文章
扫一扫
774
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
