在产品设计的时候需要制作一些点击隐藏显示事件,来方便演示或者给开发人员更直观的理解。今天打算接着上次点击跳转事件更深入一层来,通过点击按钮来显示隐藏元素。话不多说直接开始吧。
方法/步骤
-
1
要制作一个点击按钮隐藏部分需要两个或者以上的对像,这里通过一个案例来帮助大家理解。希望大家理解这其中的原理。首先我们先打开软件新建一个文件。在元件库拉一个元件作为隐藏对象。(如下图)
-
2
把元件需隐藏的元件拖入工作区后,我们选择拖入的元件点击鼠标“右键”在弹出的对话框点击“设为隐藏”按钮,点击完成后隐藏部分会变成浅黄色。
-
3
创建完隐藏对象后,接下来就要制作一个触发事件。为了方便大家理解我们在元件库选择“主要按钮”元件。并把他拖入工作区。
-
4
触发元件拖入后接下来就为这两个对象制作事件了。我选中刚才拖入的“主要按钮”元件,在右侧找到“属性“-”鼠标单击时“。
-
5
在弹出的对话框中选择“显示”属性然后找到我们前面隐藏的元件,点击“确定”按钮。至此点击显示隐藏制作完成。如下图。
-
6
为了严谨我们保存一下然后点击右上角“预览”按钮在浏览器中打开没点击“主要按钮”查看隐藏元件是否显示出来。
END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部
文章评论