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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本文来自投稿,不代表手机方法网立场,如若转载,请注明出处:https://www.welqi.com/10439.html

(0)
春天春天
上一篇 2024年3月9日 06:02
下一篇 2024年3月9日 06:02

相关推荐

  • 分享pps网络电视下载视频的基础操作。

    不少新手朋友可能不清楚pps网络电视下载视频的基础操作,今天手机方法网小编就讲解pps网络电视下载视频的操作方法,相信大家通过学习,在以后的操作中一定会得心应手。 pps网络电视下…

    2024年4月21日
    070
  • 我来教你UG8.0回转命令的使用方法。

    你们知道UG8.0回转命令吗?刚使用UG8.0的新人还不熟悉回转命令的使用,下面和手机方法网小编一起去学习一下UG8.0回转命令的使用方法吧。 UG8.0回转命令的使用方法 我这里…

    2024年4月30日
    080
  • 教你Adobe。

    Adobe Illustrator CS6是一款图像制作软件,今天带来的是一篇连接线段断点教程,为大家演示了Adobe IllustratorCS6连接线段断点的操作方法,一起来看…

    2024年6月6日
    080
  • 分享暴风影音闪电版优化画质的具体操作方法。

    很多小伙伴使用暴风影音却还不会设置暴风影音闪电版优化画质的具体操作方法,所以下面呢,手机方法网小编就分享了暴风影音闪电版优化画质的具体操作方法的操作教程,一起去看看吧,相信对大家会…

    2024年4月24日
    0100
  • 我来教你ppt做出带有电阻的电路图的具体操作。

    ppt这款应用相信当前不少网友在使用,下面手机方法网小编就演示一下关于ppt做出带有电阻的电路图的具体操作方法吧,相信对大家会有所帮助的。 ppt做出带有电阻的电路图的具体操作 1…

    2024年4月21日
    0120
  • 我来分享cdr制作立体红色乒乓球拍的图文操作。

    一些网友使用cdr的过程里,还不知道制作立体红色乒乓球拍的相关操作,下面手机方法网小编就讲解cdr制作立体红色乒乓球拍的图文操作方法,希望可以帮助到你们。 cdr制作立体红色乒乓球…

    2024年4月20日
    070
  • 关于QQ更换密保手机号的详细操作。

    提到QQ这款社交应用,许多网友都熟悉的。那么使用一段时间后,想要更换密保手机号,该如何操作呢?详细操作如下。 QQ更换密保手机号的详细操作 1.打开QQ登录界面,登录自己的QQ。 …

    2024年4月23日
    030
  • 教你Edge浏览器运行速度优化的操作教程方法。

    相信Edge浏览器有很多人使用,这里主要说的是Edge浏览器运行速度优化教程,希望可以帮到有需要的人。 Edge浏览器运行速度优化的操作教程 具体方法如下: 1、打开Edge浏览器…

    2024年4月30日
    060
  • 小编教你UC浏览器中截图的操作教程方法。

    今天手机方法网小编就带大家来共同学习UC浏览器中截图?希望可以帮助到有需要的小伙伴哦,下面就是详细完整的操作步骤。 UC浏览器中截图的操作教程 首先我们在UC浏览器电脑版中点击界面…

    2024年4月30日
    070
  • 说说万彩录屏大师复制粘贴元素或物体的简单操作。

    一些朋友还不熟悉万彩录屏大师这款软件,也不知道复制粘贴元素或物体的操作,所以下面手机方法网小编就分享万彩录屏大师复制粘贴元素或物体的操作方法。 万彩录屏大师复制粘贴元素或物体的简单…

    2024年4月21日
    060