怎么使用Axure制作手机屏幕滚动效果

时间:2024-10-13 18:12:53

1、首先在电脑上打开Axure,然后打开一个页面,在页面画出一个简单的手机模型

怎么使用Axure制作手机屏幕滚动效果

2、然后在元件库拖动一个动态面板到手机的屏幕区,并将动态面板设置成相应的大小

怎么使用Axure制作手机屏幕滚动效果
怎么使用Axure制作手机屏幕滚动效果

3、双击刚才添加的动态面板,打开面板状态管理,填写动态面板的名称然后点击确定

怎么使用Axure制作手机屏幕滚动效果

4、然后就进入了动态面板面板编辑页面,在动态面板内添加任意内容,内容的高度要超过面板的高度

怎么使用Axure制作手机屏幕滚动效果
怎么使用Axure制作手机屏幕滚动效果

5、然后在右侧的属性区设置动态面版的滚动条为“自动显示垂直滚动条”

怎么使用Axure制作手机屏幕滚动效果

6、最后点击预览,就可以看到屏幕滚动的效果了

怎么使用Axure制作手机屏幕滚动效果
怎么使用Axure制作手机屏幕滚动效果
怎么使用Axure制作手机屏幕滚动效果
© 手抄报圈