美文网首页
【原型设计】Axure RP实现弹窗效果

【原型设计】Axure RP实现弹窗效果

作者: 西晃晃 | 来源:发表于2018-09-06 15:50 被阅读0次

    今日教程分享,请立即食用。

    学习一下Axure弹窗效果的实现如何操作。

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

    命名为点击弹窗:

    然后在拖入一个图片,当做我们一会要弹出的窗口,先隐藏起来:

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

    点击预览一下:

    点击按钮显示效果,背景变灰,突出显示图片:

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

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

    本文来自http://www.axurechina.cc/news/99-cn.html

    相关文章

      网友评论

          本文标题:【原型设计】Axure RP实现弹窗效果

          本文链接:https://www.haomeiwen.com/subject/expxgftx.html