养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-10-09 09:19:48

如何利用Axure制作出手机屏幕上下滚动的效果

工具/原料

AxureRP8

方法/步骤

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

© 一点知识