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

Axure RP 8网页中的弹窗正常情况都希望居中显示，该怎么设置呢？下面我们就来看看详细的教程。

1、新建一个空白页面，本文以上传文件的操作为例进行说明，在页面中也已经加如动态面板，如下图所示

2、如果没有设置对话框居中，则弹出框的位置就会根据设计者摆放的位置进行展示，预览效果如下图所示。

3、这样的效果在显示的时候就会收到差评，现在我就介绍如何将对话框设置成居中展示。

4、选中页面的动态面板，点击鼠标右键，出现如下图所示的对话框，找到标红的“固定到浏览器”一栏。

5、单击“固定到浏览器”一栏，会弹出新的对话框，如下图所示。

6、在新弹出的对话框中，按照如下标红的设置后，点击确定就可以了。

7、这时候，你会发现动态面板上多了个如下图总标红的标识。有了这个标识，不管设计者将这个面板页面上的什么位置， 在预览的时候总能居中展示对话框。

8、这时候点击预览，就会发现效果演变成了如下截图所示，这样的对话框友好性就强了很多。

9、如果要取消这种居中展示的效果，只要选中动态面板，鼠标右击，在弹出的对话框中，点击“固定到浏览器“后弹出的对话框中，将“固定到浏览器窗口”前的勾去掉就好，如下图所示。

以上就是设计居中显示的弹窗的教程，很简单，大家可以尝试设置一下。

赞 (0)

相关推荐

  • Axure rp网页怎么设置页面颜色? Axure设置页面颜色的教程

    Axure RP中可以设置页面颜色,该怎么设置呢?下面我们就来看看详细的教程. 1.打开Axure,点击工作区右侧的样式. 2.然后点击背景颜色,在出现色板中点击自己喜欢的颜色即可. 3.我们还可以在 ...

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

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

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

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

  • Axure RP 8怎么设置一个矩形全局变量?

    Axure RP 8怎么设置一个矩形全局变量? 1.双击打开Axure RP 8设计软件,创建了一个空白的画布,如下图所示: 2.在"基本元件"中找到"矩形2" ...

  • 如何禁止手机中的usim卡应用页面弹出

    如何禁止手机中的usim卡应用页面弹出

    随着科技的发展,手机已经成为人们日常生活中必不可少的工具,当我们在使用手机时,是否会碰到总是弹出USIM卡页面的情况呢?如果不想要再让该页面弹出的话,应如何设置呢?接下来就由小编来告诉大家.具体如下: ...

  • 如何在ie11中设置禁止弹出所有窗口

    如何在ie11中设置禁止弹出所有窗口

    今天给大家介绍一下如何在ie11中设置禁止弹出所有窗口的具体操作步骤.1. 首先打开电脑上的IE11浏览器.2. 进入主页面后,点击上方的工具选项.3. 在弹出的下拉菜单中,点击弹出窗口阻止程序右侧的 ...

  • 电脑版QQ怎么设置不再弹出迷你新闻窗口

    电脑版QQ怎么设置不再弹出迷你新闻窗口

    越来越多的人喜欢在电脑上使用QQ软件,但是每次登录都会有迷你新闻窗口的弹出,太麻烦了,因此想要设置不再弹出迷你新闻窗口,但是却不知道如何设置,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,双击 ...

  • 怎么在电脑中设置不再弹出程序的广告窗口

    怎么在电脑中设置不再弹出程序的广告窗口

    有的小伙伴在使用电脑过程中,总是会收到各种软件程序的弹出广告窗口,觉得特别打扰电脑的使用,因此想要设置不再弹出广告窗口,但是却不知道如何设置,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,点击 ...

  • 如何在chrome谷歌浏览器中设置允许弹出窗口

    如何在chrome谷歌浏览器中设置允许弹出窗口

    今天给大家介绍一下如何在chrome谷歌浏览器中设置允许弹出窗口的具体操作步骤.1. 首先打开电脑上的谷歌浏览器进入主页面,点击页面右上角的三竖点图标.2. 在打开的选项中,点击设置的选项.3. 如图 ...