axure动态面板怎么用?

  axure动态面板怎么用?

1、在制作好的页面上添加一个 hot spot 区域,然后拖动一个“动态面板”到“hot spot”上,右键将“动态面板”设置为 “隐藏”,设置之前是淡蓝色的,设置好之后是淡黄色的

  2、左键双击动态面板,对动态面板进行命名;这里可以对比上一步的图,就会发现动态面板已经变为淡黄色了



  3、在右下方的“概要:页面”区域,双击动态面板下的state1进行动态面板的编辑(实质就是把想要隐藏的部分在这里放入到动态面板里),这一步也是比较重要的一步



  4、设置动态面板的效果,给动态面板设置交互,选中动态面板,在交互页面,选择【元件】-->【显示】-->【aaa(这里是动态面板的名字)】确定就完成这一步的设置了



  5、也是最后一步,设置触发页面弹出层的事件。到此完成,可以在页面上预览,检验一下效果



  注意事项:

  所有的时间触发交互效果都是鼠标单击。

(0)

相关推荐

  • Axure动态面板两种创建方法有什么区别?

    Axure动态面板有两种创建方法,这两种方法有什么区别呢?下面我们就来详细介绍一下. 第一种创建方法: 1.元件库中有单独的动态面板元件,可以拖出来直接用,也是常用方法: 2.效果是这种,空的动态面板 ...

  • Axure动态面板怎么制作三级菜单?

    Axure中想要设计一款三级菜单,该怎么设计呢?下面我们就来看看详细的教程. 1.我们先放入菜单的相关元件,这里我使用的是矩形. 2.我们把三级菜单的三个元件全选,在上面点击鼠标右键,选择[转换为动态 ...

  • axure动态面板怎么设置显示与隐藏?

    axure设置动态面板,使得我们的原型界面交互性能更强,以达到我们的业务需求,更能展示业务需求的形象性. 1.打开axure工具,如下图所示 2.从左侧元件库中拖拽动态面板组件 3.调出位置和大小面板 ...

  • axure动态面板怎么用? Axure动态面板制作页面弹出层的教程

    在快速原型制作中,我们通常会使用到Axure软件,有一些地方我会想要达到在页面做出弹出层的效果,这个时候为了快速达到效果,在Axure中,我们会用到动态面板:下面我就自己在这方面遇到的困难和效果介绍一 ...

  • Axure手机版原型动态面板中的滚动条怎么去掉?

    Axure设计的手机页面原型需要去掉动态面板中的滚动条,该怎么去掉呢?下面我们就来看看详细的教程. 1.先制作一个手机页面,这时内容超过了手机屏幕,如图所示 2.选中屏幕中所有的内容,点击“转化为动态 ...

  • Axure RP 8怎么设置动态面板显示隐藏对象?

    Axure RP 8设计软件中动态面板元件是功能最强大的元件之一,可以通过这个元件,实现很多其他软件元件都不能够实现的功能.下面利用一个动态面板显示隐藏对象,操作如下: 1.双击打开Axure RP ...

  • axure怎么使用动态面板制作淘宝图片轮播效果?

    淘宝中经常可以看到店铺中的图片轮播效果,本经验将通过axure7.0实现. 1.下载需要轮播的图片 2.将图片引入至axure中,将引入的第一张图片转为动态面板 3.将动态面板添加四个状态,分别为状态 ...

  • Axure怎么使用动态面板制作banner图片轮播?

    Axure就不多介绍了,一般对产品岗位比较了解的都知道,常用的原型工具.这里为大家做一个用动态面板做简单的banner图片轮播的方法. 一.基础准备工作 1.打开Axure,页面名称命名为“图片轮播” ...

  • axure怎么使用动态面板制作转盘抽奖?

    目前各个网站,经常可以看到大转盘抽奖,本经验初步讲解大转盘抽奖的前提条件:让转盘转起来. 1.首先百度一张转盘图片,将改图片引入至axure中 2.将该转盘转为动态面板 3.将该动态面板分为12个状态 ...