如何实现页面上下滑动效果-Axure基础教程

 时间:2024-10-12 21:53:38

1、首先打开Axure,新建页面,找一个手机壳素材。注意,手机壳素材不要用图片,可以找一个图片,然后将其裁剪成上下左右四部分。如图所示:

如何实现页面上下滑动效果-Axure基础教程

3、调整动态面板位置。动态面板要放到手机壳的下方,这样才能做出真实的效果,如图,调整图层顺序。

如何实现页面上下滑动效果-Axure基础教程

5、添加页面元素,一直向下排列即可。按照显示顺序将你做好的页面内容依次排列到面板中,注意左右不要超出范围,下面没有边界,可以一直向下排放。切记,不要调整蓝色区域的大小。

如何实现页面上下滑动效果-Axure基础教程

7、回到主页面,你会看到页面右侧多出一个滚动条,没有关系,选择动态面板,调整大小,是滚动条刚好被手机壳边缘盖住即可。如果你的手机壳无法盖住,可以向右扩展动态面板,然后用矩形工具将滚动条盖住即可。

如何实现页面上下滑动效果-Axure基础教程
  • 即时设计怎么导出图片
  • iH5高级教程:H5交互菜单,旋转菜单特效
  • Axure RP图片的旋转
  • Axure如何设置图片循环播放?
  • c4d封顶的使用技巧?
  • 热门搜索
    合理化建议怎么写 端午节的手抄报怎么画 圆圈1怎么打 苦瓜怎么做不苦 三角粽子怎么包 qq邮箱地址怎么写 孕妇腰疼怎么缓解 孙悟空怎么画 秋葵怎么做好吃 贫血怎么办