今天继续跟大家分享关于Axure的使用经验，在绘制原型的时候我们可能需要用到手机壳来还原原型的真是感，但是手机壳会限制我们展示的页面内容，这时候就需要我们事先页面的上下滑动效果，一起来学习一下。
工具/原料
Axure
方法/步骤
1
首先打开Axure,新建页面，找一个手机壳素材。注意，手机壳素材不要用图片，可以找一个图片，然后将其裁剪成上下左右四部分。如图所示：
2
新增动态面板，调整大合适的大小。在Default元件库中找到动态面板，然后根据手机壳的大小做出相应的调整。
3
调整动态面板位置。动态面板要放到手机壳的下方，这样才能做出真实的效果，如图，调整图层顺序。
4
双击动态面板state1,打开state制作面板。注意不要调整蓝色区域的大小，这个就是手机屏幕要显示的尺寸，不需要调整。
5
添加页面元素，一直向下排列即可。按照显示顺序将你做好的页面内容依次排列到面板中，注意左右不要超出范围，下面没有边界，可以一直向下排放。切记，不要调整蓝色区域的大小。
6
选中动态面板，设置滚动条为垂直。这里我们最好选择垂直，不要选择自动，否则可能会出现横向的滚动条，影响美观。
7
回到主页面，你会看到页面右侧多出一个滚动条，没有关系，选择动态面板，调整大小，是滚动条刚好被手机壳边缘盖住即可。如果你的手机壳无法盖住，可以向右扩展动态面板，然后用矩形工具将滚动条盖住即可。
8
点击预览，查看效果，可以上下自由滑动页面，效果非常好。
上一篇：如何制作酷炫的电影标题字幕？
下一篇：布里奶酪小披萨