网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容 知识问答

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

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

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

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

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

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

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

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

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

如何实现页面上下滑动效果-Axure基础教程
© 2025 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com