如何利用Axure RP 8设计按钮控制页面框改变大小

 时间:2026-04-23 16:42:08

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设计按钮控制页面框改变大小

  • Xd 2018 怎样调节图形的不透明度?
  • C4D建模--创建提篮手把模型
  • 如何使用PS制作矩形文字的边框
  • Axure去除文本框边框教程
  • iH5高级教程:H5创意展示,上下对切特效
  • 热门搜索
    引渡条约是什么意思 什么被子又轻又暖和 脸宽的女生适合什么发型 送什么给女朋友最好 不足为奇的意思 海贼王什么果实最厉害 金融是什么意思 什么驱动软件最好 信息管理与信息系统是学什么的 首鼠两端的意思