欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

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

程序员文章站 2023-01-03 10:17:49
Axure RP 8怎么设计按钮空值页面大小?...

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

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怎么设计按钮空值页面大小?

注意事项:

注意按钮单击事件

注意改变元件属性的方法

相关标签: Axure 按钮