手机
当前位置:查字典教程网 >软件教程 >其他软件工具 >Axure8怎么设计点击按钮触发控件变化的交互效果?
Axure8怎么设计点击按钮触发控件变化的交互效果?
摘要:RPAxure是一款设计软件原型工具,自带了元件库,如按钮、矩形框、树、单选框、复选框和一些常用的图标。下面讲述这样一个实例:设置一个矩形框...

RP Axure是一款设计软件原型工具,自带了元件库,如按钮、矩形框、树、单选框、复选框和一些常用的图标。下面讲述这样一个实例:设置一个矩形框,添加一个按钮,点击按钮触发显示和隐藏矩形框。具体操作如下:

Axure8怎么设计点击按钮触发控件变化的交互效果?1

1、双击打开RP Axure软件工具,默认显示index页面和page1、page2、page3,如下图所示:

Axure8怎么设计点击按钮触发控件变化的交互效果?2

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

Axure8怎么设计点击按钮触发控件变化的交互效果?3

3、拖曳一个“主要按钮”到编辑窗口,修改其内容为“改变背景颜色”,使宽度使用矩形框,如下图所示:

Axure8怎么设计点击按钮触发控件变化的交互效果?4

4、改变矩形框填充颜色,设置为绿色背景,如下图所示:

Axure8怎么设计点击按钮触发控件变化的交互效果?5

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

Axure8怎么设计点击按钮触发控件变化的交互效果?6

6、选中元件“显示/隐藏”,设置显示或隐藏的效果,确定后单击“确定”,如下图所示:

Axure8怎么设计点击按钮触发控件变化的交互效果?7

注意事项:

注意按钮单击事件用例添加。

注意显示和隐藏的效果实现。

【Axure8怎么设计点击按钮触发控件变化的交互效果?】相关文章:

Axure绘制好的原型怎么发布和预览?

axure怎么绘制APP菜单阻尼滑动的原型图?

腾讯课堂怎么用 腾讯课堂发布课程教程

Axure RP Pro 7.0怎么制作图片轮播按钮效果?

UG怎么建立基准平面? UG设计基准平面的方法

91家居装修设计软件的图文使用教程

axure怎么上传自己下载好的元件库/控件库?

怎样显示文件扩展名的方法

UG NX怎么设计六通管模型?

搜狗输入法怎么样设置字体大小的图文教程

精品推荐
分类导航