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

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

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

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

Axure RP 8怎么设计按钮空值页面大小?_第1张图片

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

Axure RP 8怎么设计按钮空值页面大小?_第2张图片

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

Axure RP 8怎么设计按钮空值页面大小?_第3张图片

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

Axure RP 8怎么设计按钮空值页面大小?_第4张图片

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

Axure RP 8怎么设计按钮空值页面大小?_第5张图片

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

Axure RP 8怎么设计按钮空值页面大小?_第6张图片

注意事项:

注意按钮单击事件

注意改变元件属性的方法

相关推荐:

axure怎么制作弹出框效果?

axure8中继器怎么添加数据?

Axure RP Pro 7.0怎么制作Tab标签效果?

你可能感兴趣的:(Axure RP 8怎么设计按钮空值页面大小?)