Axure 8.0 怎么制作手机端页面上下滑动效果?

原创 admin  2017-12-03 19:09  阅读 4,098 views 次

首先说明,本文属于扯淡型,就是简单的问题,复杂化讲解,有简单的方法不用,用复杂的方法。不用细看,大致了解其交互设计即可。

今天就讲解一下Axure 8.0 制作手机上下滑动效果教程

1.打开Axure 8.0,在网上找一个手机外壳的图片,然后添加大小和手机屏幕相等的动态面板,命名为“屏幕”

2.然后双击State1,添加一个矩形,宽度=屏幕宽度,长度任意。

然后选中矩形,点击鼠标右键,选择转换为动态面板,命名为“内容”

3. 然后在“内容”动态面板中,搭建你的手机界面。如图,我随便添加了几个Axure自带的原件

4. 然后回到Index界面,选中“屏幕”动态面板,双击【拖动时】

5选择【移动】,勾选“内容”动态面板,选择移动为垂直移动

6.点击添加边界。

⑴顶部<=0

⑵如图

配置完成后,按F5发布一下,查看效果

 

本文地址:https://www.moonpm.com/231.html
关注我们:请关注一下我们的微信:扫描二维码产品设计研究与产品经理交流中心 (鼠标移入红色字)
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

发表评论


表情