Axure RP 8怎么设计按钮空值页面大小?

番茄系统家园 · 2022-03-23 06:38:54

一般网页中,有时会添加动画效果,如淡入、淡出、左移、右移等。利用Axure RP 8 设计出动画的效果,可以利用按钮点击事件控制页面框框改变宽度和高度达到改变大小的目的,操作如下:

软件名称:
原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)
软件大小:
90.5MB
更新时间:
2018-05-24

1、双击打开Axure RP 8原型设计工具,在元件库中拖曳一个矩形元件到编辑区域,如下图所示:

Axure RP 8怎么设计按钮空值页面大小?

2、改变矩形框坐标、宽度和高度,并添加一个按钮,按钮宽度跟框框宽度一致,如下图所示:

Axure RP 8怎么设计按钮空值页面大小?

3、修改按钮上显示的内容,并预览该原型页面,如下图所示:

Axure RP 8怎么设计按钮空值页面大小?

4、选中按钮,添加鼠标单击时的用例,打开用例编辑窗口,如下图所示:

Axure RP 8怎么设计按钮空值页面大小?

5、添加组织动作,设置点击按钮后,矩形框宽度和高度发生改变,并添加缓慢退出的动画,如下图所示:

Axure RP 8怎么设计按钮空值页面大小?

6、再次预览页面原型,点击“改变大小”按钮,这时矩形框宽度和高度变为原来的一半,如下图所示:

Axure RP 8怎么设计按钮空值页面大小?

注意事项:

注意按钮单击事件

注意改变元件属性的方法

相关推荐:

免责声明: 凡标注转载/编译字样内容并非本站原创,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如果你觉得本文好,欢迎推荐给朋友阅读;本文链接: https://m.nndssk.com/rjwt/159639w2ar8S.html
猜你喜欢
最新应用
热门应用