微信电脑版 coreldraw x6 驱动人生 EasyRecovery 易企秀
PC下载网
PC下载网 > 软件教程 > 美图制作 > 

Axure设计上下滑动页面原型的具体操作流程

Axure设计上下滑动页面原型的具体操作流程

编辑:小鑫 来源:互联网 时间:2019-06-11 14:52:46

  • 相关下载1

Axure RP 9.0

Axure RP 9.0

大小:30.5MB 语言:简体中文

类型:图像制作 等级:

立即下载 查看详情

相信你们的电脑中也安装了Axure软件,那么你们晓得Axure是怎么制作上下滑动页面原型的吗?下文就为各位带来了Axure设计上下滑动页面原型的具体操作流程。

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

1.png
2.png

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

3.png
4.png

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

4.png
6.png

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

7.png

最后我们还需要添加约束条件,第二个约束值的计算:-(总的内容高度 - 可见内容高度)

8.png

相信大伙看完了上文讲解的Axure设计上下滑动页面原型的具体操作流程,应该都有所了解了吧!

PC下载站网友:
共有14条评论
返回顶部