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

 时间:2024-10-13 04:54:55

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创意展示,上下对切特效
  • 热门搜索
    参差不齐是什么意思 荼靡是什么意思 高维生素的食物有哪些 郁金香代表什么 结婚七年是什么婚 君子兰的养殖方法 面目全非是什么意思 lg是什么 天下长安什么时候播出 broken什么意思