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

上传人:hw****26 文档编号:2988650 上传时间:2019-05-16 格式:DOCX 页数:6 大小:802.88KB
下载 相关 举报
Axure RP 7.0弹窗定位,弹出窗口定位.docx_第1页
第1页 / 共6页
Axure RP 7.0弹窗定位,弹出窗口定位.docx_第2页
第2页 / 共6页
Axure RP 7.0弹窗定位,弹出窗口定位.docx_第3页
第3页 / 共6页
Axure RP 7.0弹窗定位,弹出窗口定位.docx_第4页
第4页 / 共6页
Axure RP 7.0弹窗定位,弹出窗口定位.docx_第5页
第5页 / 共6页
点击查看更多>>
资源描述

1、前些天刚接触到了 Axure RP 这款原型设计工具,百度了很久,网上免费的只有一些简单基础的入门教程。英文的看不懂,那么付费的教程又觉得实在不值得花那个钱,所以结合网上一些文字教程,自学了。下面是一些自学的心得分享:Axure 弹窗非常简单,通过动态面板就很容易的做出效果,对于初学者比如我来说,比较纠结的是如何让弹窗定位中屏幕中间位置。下午试着做了一个效果,勉强达到了这个效果,下面分享制作方法:将动态面板定位在当前窗口的中间位置,主要用到了交互动作里面的元件移动功能,该动作是将面板移动定位至设定位置。移动时 XY 轴的定位将用到简单的函数。第一步:1、新建一个 RP 文件,将一个页面重命名为

2、弹窗。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 分享地址 http:/

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 教育教学资料库 > 精品笔记

Copyright © 2018-2021 Wenke99.com All rights reserved

工信部备案号浙ICP备20026746号-2  

公安局备案号:浙公网安备33038302330469号

本站为C2C交文档易平台,即用户上传的文档直接卖给下载用户,本站只是网络服务中间平台,所有原创文档下载所得归上传人所有,若您发现上传作品侵犯了您的权利,请立刻联系网站客服并提供证据,平台将在3个工作日内予以改正。