如何利用RP Axure8制作点击按钮触发控件变化

 时间:2024-11-15 03:30:34

RPAxure是一款设计软件原型工具,自带了元件库,如按钮、矩形框、板曰剔囡树、单选框、复选框和一些常用的掬研疔缎图标。显示和隐藏功能是系统常见的功能,在某个条件下显示元素,在另外一种情况下隐藏元素。下面讲述这样一个实例:设置一个矩形框,添加一个按钮,点击按钮触发显示和隐藏矩形框。具体操作如下:

如何利用RP Axure8制作点击按钮触发控件变化

工具/原料

RPAxure8

截图工具

图片工具

浏览器

方法/步骤

1、第一步,双击打开RPAxure软件工具,默认显示index页面和pagepage圬桦孰礅page3,注意几个页面之间的关系,如下图所示:

如何利用RP Axure8制作点击按钮触发控件变化

2、第二步,在元件库中找到“矩形1”,拖曳一个到编辑区域窗口,并设置宽度和高度,调整坐标位置,如下图所示:

如何利用RP Axure8制作点击按钮触发控件变化

3、第三步,拖曳一个“主要按钮”到编辑窗口,修改其内容为“改变背景颜色”,使宽度使用矩形框,左陴查哉厥右水平对齐,如下图所示:

如何利用RP Axure8制作点击按钮触发控件变化

4、第四步,选中矩形框元件,改变矩形框填充颜色,设置为绿色背景,如下图所示:

如何利用RP Axure8制作点击按钮触发控件变化

5、第五步,选中按钮,查看右侧属性设置框,双击“鼠标单击时”,打开用例编辑窗口,如下图所示:

如何利用RP Axure8制作点击按钮触发控件变化

6、第六步,选中元件“显示/隐藏”,设置显示或隐藏的效果,确定后单击“确定”;设置完毕后,预览设计的效果,如下图所示:

如何利用RP Axure8制作点击按钮触发控件变化

AxureRP 9 激活教程 Axure RP中继器实例绑数据,选中,删除 AE设置父级和链接流程 Axure RP8怎样设置矩形为其他形状? Axure rp如何制作交互效果?
热门搜索
邪恶的力量 漫画少女 logo图片大全 星巴克图标 怎么压缩图片大小