Axure实现点击切换面板显隐

教程大全  / 只看大图  / 倒序浏览   ©

#楼主# 2020-2-14

跳转到指定楼层

马上注册,分享更多源码,享用更多功能,让你轻松玩转云大陆。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

概述

Axure中实现点击一个按钮,按钮状态切换,并切换面板的显隐。

效果

实现后如下图所示:


132010j884rvvatrmka4ro.gif

实现

切换到概要面板,实现元素如下所示:


132011w8sr1eojb1veag81.png

如上图,实现元素包含:

1. 动态面板

在“动态面板”中创建两个状态:“打开”和“关闭”。

1.1 给“打开”添加交互“单击时”

添加“单击时”交互:1、显示面板;2、切换状态位“关闭”。


132011j66r7gfrzmgfeend.png

1.2 给“关闭”添加交互“单击时”

添加“单击时”交互:1、隐藏面板;2、切换状态位“打开”。


132012m453s3kh5n7a5a7n.png

2. 组合

组合中展示要控制显隐的面板,

2.1 给组合添加交互

添加“页面载入时”交互,隐藏面板。


132013ik131lr822a2sa2z.png
分享淘帖
回复

使用道具

您的回复是对作者最大的奖励

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于作者

知足常乐77

幼年猿

  • 主题

    8

  • 帖子

    68

  • 关注者

    0

Archiver|手机版|小黑屋|云大陆 | 赣ICP备18008958号-4|网站地图
Powered by vrarz.com!  © 2019-2020版权所有云大陆