如何利用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创意展示,上下对切特效
  • 热门搜索
    英语圣诞节手抄报 劳动节手抄报图片 手抄报图片素材 地球日手抄报的文字 学生手抄报设计指南 关于理想的手抄报 端午节手抄报怎么画 关于成长的手抄报 白衣天使的手抄报图片 年月日手抄报