Axure怎么制作上下滑动的页面原型?

Axure中制作网页圆形很方便，今天我们就来看看使用Axure实现上下滑动页面的教程。

软件名称：

原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)

软件大小：

90.5MB

更新时间：

2018-05-24

1、在当前Page 中拖入一个动态面板，将面板命名为“显示面板”。这个面板对应着可见内容。该例中的可见面板的位置为{97, 77}，大小为{300, 450}。

2、点击进入显示面板的 State1。拖动一个动态面板到State1 中，面板命名为“内容面板”。该面板的位置为{0, 0}，因为这里要实现的是上下滑动效果，所以宽度与显示面板的一样。高度根据全部显示信息的内容定。进入内容面板的 State1，选择“自动调整为内容尺寸”

3、在内容面板的State1 中添加一个中继器。进入中继器下的矩形框，因为这里想要在中继器中添加图片，所以直接右键，选择转换为图片，双击转换后的框框就可以添加图片了。

4、内容添加好了，接下来就是添加滑动的事件。选择“拖动时”事件，选择垂直拖动。

5、还需要添加约束条件，第二个约束值的计算：-（总的内容高度 - 可见内容高度）

以上就是Axure制作上下滑动的页面原型的图文教程，希望大家喜欢，请继续关注脚本之家。

相关推荐：

Axure动态面板两种创建方法有什么区别?

Axure RP8.0怎么修改默认文件保存位置?

AxureRP怎么制作草图/页面效果? Axure页面草图设置方法