Axure 9 教程:实现手机屏幕滑动效果

最近我在画产品原型时，学习到了实现手机屏幕滑动效果的方法，在这里我想把这个方法分享给大家，希望可以帮助到你们。那么我们来看一下效果图。

一、效果图

屏幕滑动效果图

二、具体实现的方法

1、首先我们要添加一个动态面板，我们把他命名为外层动态面板

添加一个动态面板

2、我们把外层的动态面板复制，双击外层动态面板进入编辑区域，接着黏贴动态面板，命名为内层动态面板

添加内层动态面板

3、我们选中内层的动态面板，然后单击右键，选择“滚动条-垂直滚动”

添加滚动条

4、我们添加了滚动条后，为了预览时美观，我们可以把滚动条拉出外层动态面板显示的区域，选中内层动态面板的边框（有滚动条一侧），然后向右拉即可

把滚动条拉出外层动态面板的区域

5、最后一步，我们双击内层动态面板，然后在里面添加内容，点击保存就可以实现屏幕滚动的效果啦（注意:添加的内容要满一屏）

添加内容

保存按f5预览即可！如果有什么问题可以在下方留言哦。

上就是主要内容，如有不足的地方请多多指教，也欢迎大家一起来讨论。未经同意，禁止转载！