axure怎么设计鼠标展开折叠效果?

Axure中可以制作很多效果,想要制作一个折叠效果,该怎么制作呢?下面我们就来看看详细的教程。

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

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

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

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

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

以上就是axure中折叠效果的制作方法,希望大家喜欢,请继续关注我们。

(0)

相关推荐

  • axure怎么设计鼠标移入移出显示或隐藏面板?

    axure8鼠标移入显示面板,鼠标移出隐藏面板 1.打开Axure8在一个新的页面中添加一个按钮和一个动态面板. 2.设置动态面板为隐藏,右击动态面板,选择设为隐藏,如果里面有按钮.链接,那么需要对其 ...

  • Axure怎么制作控件随鼠标移动的效果?

    Axure中想要给空间添加一些效果,比如鼠标跟随,下面我们就来看看详细的教程,效果参考下图: 1.新建一个“方框”和“热区“,分别命名为:”方块“和”热区“,”方块“大小为:280*380,”热区“大 ...

  • Axure设计图片轮番播放效果的网页原型的教程

    axure是一个非常实用的原型制作工具,产品经理.产品助理.交互设计师经常用到它,那怎么使用axure实现广告轮播图效果呢? 1.创建两个动态面板,一个用于轮播图片,命名为[背景图片],一个用于图片中 ...

  • WPS演示设计扇子的折叠与打开动画

    【设计理念】:利用“出现与消失”、“陀螺旋”自定义动画设置扇子的折叠与打开动画 【制作过程】 一、绘制扇子 参考论坛《 WPS演示巧用自选图形打造扇子 》教程, 二、特效动画 (一)利用“出现”与“消 ...

  • notepad++怎么展开折叠功能?

    近期小编琢磨着个notepad++,但是这菜鸟技术很久不玩都忘了有木有,索性写下经验给亲们看看,大神勿喷,废话不多说,直接开始.notepad++怎么实现展开和折叠功能呢?跟小编一起学学吧.最终的效果 ...

  • 如何用PPT制作鼠标创意文字效果?

    PPT制作鼠标创意文字效果教程,整个过程比较复杂,但希望通过本次临摹的教程,帮助大家更为深入了解PPT的形状编辑工具的使用。 使用Segoe Script字体输入英文文本。该字体的特点是连笔手写,很适 ...

  • AE设计制作逼真水波效果

    AE设计制作逼真水波效果

  • ppt立体折叠效果的文字怎么制作?

    ppt中想要制作一个折叠效果的文字,该怎么制作呢?下面我们就来看看详细的教程. 1.首先启动ppt2010,执行插入-形状命令,插入并绘制一个长方形. 2.选择矩形,执行格式-形状填充命令,填充橙色, ...

  • ppt怎么是做图片折叠效果? ppt折叠效果的制作方法

    ppt中想要制作一个图片折叠效果,该怎么制作呢?下面我们就来看看详细的教程. 1.首先启动ppt2010,插入一张事先准备好的图片,调整大小和位置. 2.选择图片,执行onekey-ok神框命令,选择 ...