美文网首页GIS加油站
Axure实现点击切换面板显隐

Axure实现点击切换面板显隐

作者: 牛老师讲GIS | 来源:发表于2020-02-13 18:47 被阅读0次

概述

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

效果

实现后如下图所示:


实现效果

实现

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


页面元素

如上图,实现元素包含:

1. 动态面板

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

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

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


打开

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

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


关闭

2. 组合

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

2.1 给组合添加交互

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


面板交互

相关文章

  • Axure实现点击切换面板显隐

    概述 Axure中实现点击一个按钮,按钮状态切换,并切换面板的显隐。 效果 实现后如下图所示: 实现 切换到概要面...

  • 1.Axure动态面板之轮播图显示

    Axure中动态面板常用来实现交互效果,如: 使用动态面板制作轮播图。 使用动态面板制作tab页面切换。 使用动态...

  • Axure-实现顶部tab式导航栏

    实现的效果:点击tab,切换对应的内容页面,指示标识移动到对应选中tab。 思路: ①通过动态面板实现内容页面切换...

  • Android软键盘与工具面板的切换

    老规矩,效果图先上 点击输入框,软键盘弹起点击Switch按钮时,软键盘与面板进行切换触碰空白处,软键盘与面板均隐...

  • 用axure做一个切换的登录注册面板

    使用Axure实现一个动态切换的登录注册面板 效果图: 步骤如下:弄两个矩形,分别设置如下,形成头部,记得设置头部...

  • 【axure】axure制作图片轮播效果

    网站或APP中经常看到图片轮播(即自动切换)效果,今天就总结一下如何用axure实现图片轮播以及点击切换效果。先睹...

  • 滑动切换

    滑动切换,利用切换动态面板的状态来实现,比较简单:

  • Axure8.0之轮播组件

    Axure实现轮播组件主要用到了动态面板这个组件。动态面板的获取主要通过其他控件转化(比如图片组件右键选中动态面板...

  • CIFilter实现简单滤镜效果

    实现 下方效果点击切换TableView创建 点击切换

  • Axure-隐藏滚动条

    "axure动态面板滚动条怎么去掉 axure隐藏滚动条 axure 移动app中动态面板如何隐藏滚动条 axur...

网友评论

    本文标题:Axure实现点击切换面板显隐

    本文链接:https://www.haomeiwen.com/subject/krhlfhtx.html