1、第一步,双击打开Axure RP 8原型设计工具,在元件库中拖曳一个矩形元件到编辑区域,调私网褡爸整矩形元件的高度和宽度,如下图所示:
2、第二步,改变矩形框坐标、宽度和高度,并添加一个按钮,按钮宽度跟框框宽度一致,如下图所示:
3、第三步,选中该矩形元件,修改该元件的填充颜色值,修改按钮上显示的内容,并预览该原型页面,如下图所示:
4、第四步,选中按钮,添加鼠标单击时的用例,打开用例编辑窗口,如下图所示:
5、第五步,添加组织动作,设置点击按钮后,矩形框宽度和高度发生改变,并添加缓慢退出的动画,设置对应的动画的时间,如下图所示:
6、第六步,再次预览页面原型,点击“改变大小”按钮,这时矩形框宽度和高度变为原来的一半,如下图所示: