养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

axure怎么制作点击隐藏显示事件事件

时间:2024-10-16 16:14:51

在产品设计的时候需要制作一些点击隐藏显示事件,来方便演示或者给开发人员更直观的理解跷孳岔养。今天打算接着上次点击跳转事件更深入一层来,通过点击按钮来显示隐藏元素。话不多说直接开始吧。

工具/原料

PC、mac电脑

axure8或者以上

方法/步骤

1、要制作一个点击按钮隐藏部分需要两个或藤舔趾贶者以上的对像,这里通过一个案例来帮助大家理解。希望大家理解这其中的原理。首先我们先打开软件新建一个文件。在元件库拉一个元件作为隐藏对象。(如下图)

axure怎么制作点击隐藏显示事件事件

2、把元件需隐藏的元件拖入工作区后,我们选择拖入的元件点击鼠标“右键”在弹出的对话框点击“设为隐藏”按钮,点击完成后隐藏部分会变成浅黄色。

axure怎么制作点击隐藏显示事件事件

3、创建完隐藏对象后,接下来就要制作一个触发事件。为了方便大家理解我们在元件库选择“主要按钮”元件。并把他拖入工作区。

axure怎么制作点击隐藏显示事件事件

4、触发元件拖入后接下来就为这两个对象制作事件了。我选中刚才拖入的“主要按钮”元件,在右侧找到“属性“-”鼠标单击时“。

axure怎么制作点击隐藏显示事件事件

5、在弹出的对话框中选择“显示”属性然后找到我们前面隐藏的元件,点击“确定”按钮。至此点击显示隐藏制作完成。如下图。

axure怎么制作点击隐藏显示事件事件

6、为了严谨我们保存一下然后点击右上角“预览”按钮在浏览器中打开没点击“主要按钮”查看隐藏元件是否显示出来。

axure怎么制作点击隐藏显示事件事件

© 一点知识