小编为你叙述axure做出鼠标展开折叠效果的图文操作。

本文是为大家讲解axure做出鼠标展开折叠效果的相关操作的,想要了解的就一起来学习axure做出鼠标展开折叠效果的图文操作方法吧,一起去看看吧,相信对大家一定会有所帮助的哦。

axure做出鼠标展开折叠效果的图文操作

axure做出鼠标展开折叠效果的图文操作

1、从左侧部件库中拖拉2个矩形,按照个人设定的样式,直接用鼠标拖拉调整好;然后复制矩形——选中要复制的内容,按住ctrl键,将光标移至矩形处变成一个双十字箭头(可移动标志)后,按住鼠标往旁边拉动,即复制成功。这里以复制两个后的三个为例。

axure做出鼠标展开折叠效果的图文操作

2、为便于区分,分别给三个色块填充上不同的颜色,并给六个矩形分别命名,还可分别输入文字加强识别。

axure做出鼠标展开折叠效果的图文操作

3、将下面的三个内容框矩形设为隐藏:选中要隐藏的部件,点击勾选“hidden”;接着,把绿色部分移到黄色标题栏下面,遮住绿色隐藏部分,粉红色类推,变成图中的左侧堆叠形态。

axure做出鼠标展开折叠效果的图文操作

axure做出鼠标展开折叠效果的图文操作

4、点击黄标题栏——双击右侧“鼠标点击时”添加用例——选择左侧“显示/隐藏”部件——右侧配置动作中,勾选黄标题栏——可见性中选择“切换”——勾选“推/拉部件”,方向选择“下方”,点击确定(亦可跟随图示按步骤进行)。

接着,对绿标题栏、粉红标题栏进行同样的操作。标题栏设置完成后,点击演示键,即可查看效果。

axure做出鼠标展开折叠效果的图文操作

axure做出鼠标展开折叠效果的图文操作

上面就是归来教程小编为大家带来的axure做出鼠标展开折叠效果的图文操作流程,一起来学习学习吧。相信是可以帮助到一些新用户的。

本文来自投稿,不代表归来教程立场,如若转载,请注明出处:https://www.guiqulai.com/22560.html

(0)
上一篇 2024年10月28日 17:12
下一篇 2024年10月28日 17:12

相关推荐

  • Adobe。

    在Adobe XD中,很多玩家还不清楚怎么绘制红包,下面归来教程小编就为大家分享Adobe XD绘制红包教程,有需要的可以来了解了解哦。 Adobe XD怎么绘制红包?Adobe …

    2024年12月19日 PC教程
    01.7K
  • 怎么修复coreldraw怎么导入图片。

    有的小伙伴会问归来教程小编coreldraw怎么导入图片,下面归来教程小编就为大家详细的介绍一下,想知道的话就来看看吧,相信一定会帮到你们的。 coreldraw怎么导入图片?co…

    2024年11月29日 PC教程
    0739
  • 图文详解adobe。

    今天为各位带来的文章是关于adobe reader pro dc软件的,你们晓得adobe reader prodc如何设置辅助工具吗?接下来,归来教程小编就为大伙带来了adobe…

    2024年12月17日 PC教程
    0445
  • 分享access引用子窗体来显示数据的详细方法。

    本教程主要给各位亲们讲解了access如何引用子窗体来显示数据的详细操作步骤,需要了解的亲们可以一起去看看下文access引用子窗体来显示数据的详细方法,希望能够帮助到大家。 ac…

    2024年11月21日 PC教程
    01.4K
  • 今天分享AutoCAD2018初始化闪退不能安装的处理步骤。

    有的新手朋友遇到了AutoCAD2018初始化闪退不能安装的起来,还不太了解相关的处理操作,而归来教程小编今天就带来AutoCAD2018初始化闪退不能安装的处理教程,感兴趣的小伙…

    2024年11月15日
    01.9K
  • excel数据验证怎么用。

    大家知道excel数据验证怎么用吗?下文归来教程小编就带来了excel数据验证的使用方法,希望对大家能够有所帮助,一起跟着归来教程小编来学习一下吧! excel数据验证怎么用?ex…

    2024年12月20日
    0148
  • 怎么修复WIN10添加删除程序的简单方法。

    说起WIN10相信大家应该都不陌生,那么你们晓得添加删除程序呢?以下就带来了WIN10添加删除程序的简单方法。 WIN10添加删除程序的简单方法 用鼠标右键点击开始菜单,就是电脑显…

    2024年11月13日 PC教程
    0378
  • 笔者演示premiere如何制作九宫格视频。

    亲们想知道premiere如何制作九宫格视频吗?下面就是归来教程小编整理pr九宫格效果做法介绍,赶紧来看看吧,希望能帮助到大家哦! premiere如何制作九宫格视频?pr九宫格效…

    2024年12月10日 PC教程
    01.4K
  • 今天分享通过万兴神剪手录像的具体操作。

    万兴神剪手估计大家都熟悉的,不过许多伙伴还不知道通过万兴神剪手录像的具体操作。下面就给大家说说通过万兴神剪手录像的操作方法,请看文章。 通过万兴神剪手录像的具体操作 打开万兴神剪手…

    2024年10月27日 PC教程
    023
  • 我来教你camtasia。

    camtasia studio怎样添加字幕?还有不少朋友还不知道怎么操作,下面归来教程小编就给大家介绍一下camtasiastudio添加字幕的方法,感兴趣的小伙伴一起来看看吧。 …

    2024年11月22日 PC教程
    0624