Axure RP 7.0弹窗定位,弹出窗口定位.docx

前些天刚接触到了Axure RP 这款原型设计工具，百度了很久，网上免费的只有一些简单基础的入门教程。英文的看不懂，那么付费的教程又觉得实在不值得花那个钱，所以结合网上一些文字教程，自学了。下面是一些自学的心得分享：

Axure弹窗非常简单，通过动态面板就很容易的做出效果，对于初学者比如我来说，比较纠结的是如何让弹窗定位中屏幕中间位置。下午试着做了一个效果，勉强达到了这个效果，下面分享制作方法：

将动态面板定位在当前窗口的中间位置，主要用到了交互动作里面的元件移动功能，该动作是将面板移动定位至设定位置。移动时XY轴的定位将用到简单的函数。

第一步：1、新建一个RP文件，将一个页面重命名为弹窗。

2、制作一个按钮，命名为点击按钮。

3、然后拖入一个动态面板，这里命名为弹窗，为了方便展示，将此面板大小设为500X400，背景色填充为红色。再添入一个关闭按钮。然后在弹窗页面将动态面板设为隐藏。

第二步：1、给点击按钮设置交互动作。
此按钮有两个动作，如下操作：

移动有两种方式，绝对位置和相对距离，这里我们要选择绝对位置，选中后点0后面的FX插入函数。

插入后会出现一个[[Window.width]]函数，此函数的作用我的理解是获取当前窗口的宽度，是一个数值，比如我的屏幕长度是1200PX 那么这个函数的输出值就是1200。而我们需要的是中间位置那么就是这个数值的一半600PX，又因为我将动态面板设置了长度，所以最终的数值还要减去长度的一半。那么我们X轴这个函数表达式应该是这样的[[Window.width/2-250]]。PS：250是我当前动态面板长度的一半。
同理Y轴的函数表达式[[Window.height/2-150]]

最后将动态面板中的关闭按钮设置一个隐藏动态面板的交互动作。
制作完毕。F5预览一下吧。

弹窗.rp分享地址