axure页面上下滑动怎么做 Axure设计上下滑动页面原型的具体操作 _软件图文教程

许多网友还不太了解Axure，也还不了解Axure设计上下滑动页面原型的操作，而下面就分享了Axure设计上下滑动页面原型的操作方法，希望感兴趣的朋友都来共同学习哦。
Axure设计上下滑动页面原型的具体操作

文章插图
我们需要先打开Axure软件，在当前Page 中拖入一个动态面板，将面板命名为“显示面板” 。这个面板对应着可见内容。该例中的可见面板的位置为{97,
77}，大小为{300, 450} 。

文章插图

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

文章插图

文章插图
接着在内容面板的State1
中添加一个中继器。进入中继器下的矩形框，因为这里想要在中继器中添加图片，所以直接右键，选择转换为图片，双击转换后的框框就可以添加图片了。
【axure页面上下滑动怎么做 Axure设计上下滑动页面原型的具体操作】

文章插图

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

文章插图
最后我们还需要添加约束条件，第二个约束值的计算：-(总的内容高度 – 可见内容高度)

文章插图
根据上文讲解的Axure设计上下滑动页面原型的具体操作方法，你们是不是都学会了呀!

axure页面上下滑动怎么做 Axure设计上下滑动页面原型的具体操作