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

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

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

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

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

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

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

注意事项:

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

(0)

相关推荐

  • Axure RP 8怎么设置页面弹出框居中显示?

    Axure RP 8网页中的弹窗正常情况都希望居中显示,该怎么设置呢?下面我们就来看看详细的教程. 1.新建一个空白页面,本文以上传文件的操作为例进行说明,在页面中也已经加如动态面板,如下图所示 2. ...

  • Axure RP怎么制作弹出菜单的效果?

    Axure设计的网页中想要制作一个弹出菜单,就是当鼠标移入头像的时候,出现下拉菜单,用户可以进行相应的操作,比如百度的首页效果一样,当移到“更多产品”的时候,就出现了其他的菜单选项,该怎么制作呢?下面 ...

  • Axure RP怎么设计弹出窗口的效果

    Axure RP怎么设计弹出窗口的效果

  • Axure怎么制作页面滚动时菜单固定在顶部的页面

    Axure可以制作出保真度相当高的原型,除了页面布局.UI以外,其强大的交互设计能力让这些本来静止的元素高效交互起来,形成以假乱真的高保真原型.本文介绍如何做一个在滚动中将菜单固定在顶部的页面,属于中 ...

  • axure怎么制作弹出框效果?

    网上看的一些axure弹出框教程不是很详细,照着做也 做不出来弹窗效果.所以自己做了一个新手可以看懂的最基础的弹出并关闭窗口的教学. AXURE弹出框 弹出的步骤 1.新建一个动态面板 2.双击动摇面 ...

  • 如何使用Axure:[7]制作弹出窗口Modal

    当我们制作网站模型时,很容易就会遇到弹出窗口,一般情况下,在前端框架中,这种效果叫Modal. 准备 01 打开Axure,创建一个新的RP文件 02 拖入一个矩形,用于触发Modal弹出 03 拖入 ...

  • Axure RP如何制作弹出窗口

    在使用Axure RP制作网站原型的过程中,很多时候会遇到弹出窗口的情况,一般情况下这种弹出的窗口叫做Modal,在RP中是利用动态面板来实现该功能.在使用RP工具的过程中,我们该如何实现这种效果呢? ...

  • 最详细的教程axure新手入门:[1]Axure教程

    首先做个声明:此次教程里为了快速完成,借用了一些网上已有教程的图文,不是剽窃,只图方便.另外,因为汉化版本可能功能名称等略有差别,请自行理解. 名词解释: 线框图:一般就是指产品原型,比如:把线框图尽 ...

  • Axure怎么新建元件库? Axure创建自己元件库的教程

    Axure最核心的功能就是通过原件的堆积,形成目标效果.网上目前有大量免费的各种“最全axure原件大全”之类的,里面的内容非常多且杂,很多其实都用不到,对于选择恐惧症来说,这么多的原件,反而是一种累 ...