Axure如何实现弹窗效果?

Axure如何实现弹窗效果?

弹窗是指打开网页、软件、手机APP等的时候自动弹出的窗口,目前主要流行的弹出方式是快速进入网页游戏的快捷途径。现在这种弹窗形式多以广告为生,其实在我们生活中已经造成了一定的困扰,有一些恶意弹窗会出现大量的消费或者诈骗行为,所以现在正在遏制这些烦人的弹窗。但不可避免的是我们在设计网页的时候还是需要这一个效果,那么Axure弹窗效果该如何实现呢?这里主要涉及到的是灯箱效果的应用,我们在这里做一个粗略的效果。

首先我们打开软件,可以在元件库拖入一个按钮到空白面板中,然后这个按钮的作用是点击弹窗,然后编辑文字信息“点击弹窗”:

按钮

然后从元件库拖入一个图片元件,作为弹出的窗口(如果别的弹出窗口可以自行设置,小编大概做一个形式。),将其隐藏:

图片

在按钮的属性设置为“鼠标单击时”显示这个图片,选择灯箱效果,为了突出显示这个图片,背景会变黑,这也是一些APP常见的效果,然后点击确定:

交互

这里可以预览一下,点击按钮显示效果,背景变灰,突出显示图片:

预览

同时这个灯箱效果还自带一个功能,点击空白处,就会自动隐藏。如果我们不选择这个灯箱效果,是无法自动缩回的。我们可以试验一下:

灯箱效果

预览过后就不会出现背景变灰,突出图片的效果,点击空白处也不会缩回去,依然显示弹出窗口效果。

预览

以上就是关于Axure弹窗效果的操作方法,如果想要了解更多教程可以关注我们Axure官网。

1 comment so far

Axure制作ofo地图 | Axure 中文网Posted on11:26 上午 - 1月 27, 2019

[…] 以上内容就是Axure模拟ofo地图的操作,更多感兴趣的教程,点击文章:Axure如何实现弹窗效果? […]

在线客服
客服邮箱
客服电话
17051276424