欢迎来到天天文库
浏览记录
ID:1304987
大小:802.88 KB
页数:6页
时间:2017-11-10
《axure rp 7.0弹窗定位,弹出窗口定位》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、前些天刚接触到了AxureRP这款原型设计工具,百度了很久,网上免费的只有一些简单基础的入门教程。英文的看不懂,那么付费的教程又觉得实在不值得花那个钱,所以结合网上一些文字教程,自学了。下面是一些自学的心得分享:Axure弹窗非常简单,通过动态面板就很容易的做出效果,对于初学者比如我来说,比较纠结的是如何让弹窗定位中屏幕中间位置。下午试着做了一个效果,勉强达到了这个效果,下面分享制作方法:将动态面板定位在当前窗口的中间位置,主要用到了交互动作里面的元件移动功能,该动作是将面板移动定位至设定位置。移动时XY轴的定位
2、将用到简单的函数。第一步:1、新建一个RP文件,将一个页面重命名为弹窗。2、制作一个按钮,命名为点击按钮。3、然后拖入一个动态面板,这里命名为弹窗,为了方便展示,将此面板大小设为500X400,背景色填充为红色。再添入一个关闭按钮。然后在弹窗页面将动态面板设为隐藏。第二步:1、给点击按钮设置交互动作。此按钮有两个动作,如下操作:移动有两种方式,绝对位置和相对距离,这里我们要选择绝对位置,选中后点0后面的FX插入函数。插入后会出现一个[[Window.width]]函数,此函数的作用我的理解是获取当前窗口的宽度,是
3、一个数值,比如我的屏幕长度是1200PX那么这个函数的输出值就是1200。而我们需要的是中间位置那么就是这个数值的一半600PX,又因为我将动态面板设置了长度,所以最终的数值还要减去长度的一半。那么我们X轴这个函数表达式应该是这样的[[Window.width/2-250]]。PS:250是我当前动态面板长度的一半。同理Y轴的函数表达式[[Window.height/2-150]]最后将动态面板中的关闭按钮设置一个隐藏动态面板的交互动作。制作完毕。F5预览一下吧。弹窗.rp分享地址http://pan.baidu
4、.com/s/1pJz360F
此文档下载收益归作者所有