Axure RP 7.0弹窗定位,弹出窗口定位.docx_第1页
Axure RP 7.0弹窗定位,弹出窗口定位.docx_第2页
Axure RP 7.0弹窗定位,弹出窗口定位.docx_第3页
Axure RP 7.0弹窗定位,弹出窗口定位.docx_第4页
Axure RP 7.0弹窗定位,弹出窗口定位.docx_第5页
免费预览已结束，剩余1页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

前些天刚接触到了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预览一下吧。弹
人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论