微信电脑版 coreldraw x6 驱动人生 EasyRecovery 易企秀
PC下载网
PC下载网 > 软件教程 > 办公应用 > 

axure制作出鼠标展开折叠效果的具体操作流程

axure制作出鼠标展开折叠效果的具体操作流程

编辑:小禾 来源:互联网 时间:2019-05-08 11:44:47

  • 相关下载1

Axure RP 8.0中文汉化包

Axure RP 8.0中文汉化包

大小:70914KB 语言:简体中文

类型:图像制作 等级:

立即下载 查看详情

相信很多朋友的工作中也需要使用axure这款软件,近几日一些刚刚接触axure的用户询问如何制作鼠标展开折叠效果?下面文章就带来了axure制作出鼠标展开折叠效果的具体操作流程。

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

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

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

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

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

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

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

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

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

根据上文描述的axure制作出鼠标展开折叠效果的具体操作,你们是不是都学会了呀!

PC下载站网友:
共有14条评论
返回顶部