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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本文来自网络投稿,来自作者春天。不代表酷牛教程立场,如若转载,请注明出处:https://www.xukn.com/621440.html

(0)
春天春天
上一篇 2023-08-11 08:43
下一篇 2023-08-11 08:44

相关推荐

  • 我来分享Win10操作中心无法打开怎么办

    Win10系统内置的操作中心无法正常打开的情况,相信许多人都曾遇到过,甚至还有一些人因此手足无措。那么,Win10操作中心无法打开该怎么办呢?下面小编就来简单介绍一下操作中心无法打...

    2023-07-04 PC教程
    0210
  • 教你yy语音查找好友的操作教程。

    大家知道yy语音如何查找好友吗?下文小编就带来了yy语音查找好友的操作教程,一起来看看吧! yy语音查找好友的操作教程 我们需要先打开电脑中的yy语音,并登录自己的yy语音账号; ...

    2023-08-14
    0130
  • 我来教你百度输入法怎么导入自定义词库

    百度输入法怎么导入自定义词库?百度输入法也是大家平时实用比较多的一个输入法,但是很多用户在使用中会发现,很多自己想要的词语没有在候选框里,今天,小编就带你来学习百度输入法导入自定义...

    2023-06-22
    0190
  • 说说猎豹浏览器设置自动提示追剧的操作步骤。

    如何在猎豹浏览器设置自动提示追剧?相信对于刚接触猎豹浏览器的小伙伴来说还有一定的难度,下面感兴趣的小伙伴就和小编一起来学习一下猎豹浏览器设置自动提示追剧的操作步骤吧! 猎豹浏览器设...

    2023-08-14 PC教程
    090
  • 小编分享Win11系统自带截图快捷键是什么。

    我们都知道Win11系统有自己的截图工具,但是很多用户不知道怎么使用这个工具,今天小编就为大家带来Win11系统自带截图工具使用方法介绍,一起来看看吧! Win11系统自带截图工具...

    2023-06-11 PC教程
    0210
  • 分享Windows7旗舰版系统文件出现损坏无法修复怎么办

    在使用电脑的过程中总是会出现各种各样的问题,就像最近有Win7用户跟小编反映说自己打开电脑文件的时候,发现文件出现损坏且无法修复,出现这样的原因是“Windows任务管...

    2023-07-09
    0200
  • 小编分享premiere怎么给视频局部调节音频的音量

    premiere怎么给视频局部调节音频的音量?Premiere作为一款视频编辑爱好者和专业人士必不可少的视频编辑工具,具备着采集、剪辑、调色、美化音频、字幕添加、输出、DVD刻录的...

    2023-06-25
    0220
  • 小编教你WIN7创建无线提示错误1061的解决方法。

    想要使用WIN7创建无线提示错误1061,你们都知道操作的方法吗?下文就为你们带来了WIN7创建无线提示错误1061的解决方法。 WIN7创建无线提示错误1061的解决方法 1、按...

    2023-08-16 PC教程
    0200
  • 教你Win10系统如何关闭筛选器。

    最近有Win10系统用户反映,在下载文件或者运行某一程序的时候,系统总是会出现提示“Windows已保护你的电脑,smartscreen筛选器已经阻止启动一个未识别的应...

    2023-06-14 PC教程
    0210
  • 教你Win10的搜索框搜不到东西怎么办

    当我们在Win10电脑中想要找一个文件的时候,使用搜索框是最方便的,但最近有小伙伴在说自己Win10搜索框搜索不了东西了,这时候应该怎么呢?下面就好小编一起来看看有什么解决办法吧。...

    2023-07-15 PC教程
    0180
  • 教你Win7系统借助format低格命令进行U盘格式化教程。

    对于U盘里面的一些无法删除顽固文件,我们可以将U盘进行格式化,不过很多时候我们会遇到U盘无法格式化的情况,那么这时该怎么办呢?其实这个时候我们可以借助format低格命令来对U盘进...

    2023-06-15 PC教程
    0190
  • 教你更新了Win11如何删除。

    更新了Win11安装包如何删除?很多用户在更新了Win11系统后,发现系统安装包占据了太多的硬盘空间,并且没有意义,但是不知道应该如何删除他们,其实我们只要进入电脑,在磁盘属性中选...

    2023-06-11 PC教程
    0170
  • 我来分享cad2011设置单位的操作教程。

    说起cad相信大家应该都不陌生,那么你们晓得怎么设置单位吗?以下就带来了cad2011设置单位的具体操作方法。 cad2011设置单位的操作教程 首先打开cad2011软件,如下图...

    2023-08-13 PC教程
    0170
  • 分享wps插入化学符号的操作流程。

    想必很多朋友还不熟悉wps插入化学符号的操作,下面就讲解wps插入化学符号的操作流程,希望对你们有所帮助哦。 wps插入化学符号的操作流程 1.启动“WPS文字”并打开所需文档或者...

    2023-08-12
    0180
  • 小编教你迅雷影音版本在哪看

    在使用迅雷影音的过程中不免会遇到需要查看软件版本的情况,但许多刚刚开始使用该软件的朋友其实都不清楚该怎么进行查看!针对这一情况,小编今天为大家带来了迅雷影音版本查看教程,有需要的朋...

    2023-07-05
    0150

发表回复

登录后才能评论