Axure原型工具如何获取元件的坐标以及鼠标坐标？

Axure原型工具如何获取元件的坐标以及鼠标坐标？相信大家对此都很感兴趣，那么下面就来给大家介绍一下通过Axure原型工具如何获取元件的坐标以及鼠标坐标的方法。

设·集合还有超多“Axure RP”视频课程，欢迎大家点击查看

工具/软件

硬件型号：华硕（ASUS）S500

系统版本：Windows7

所需软件：Axure RP

方法/步骤

第1步

首先新建一个空白页面，在工作区域内拖入两个矩形，用于本次实现效果的元件元素，如下图所示。

第2步

将元件的名称及值的信息进行设置，如下图所示，一个获取元件坐标，一个获取鼠标坐标。

第3步

下面开始设置交互事件，首先给元件坐标的矩形设置单击交互事件，通过函数的方式获取当前元件的坐标值，函数如下。[[PageName]]

第4步

然后对鼠标坐标的矩形交互事件进行设置，通过函数的方式获取鼠标的坐标位置，函数如下。

水平距离：[[Window.ScrollX]]  垂直距离：[[Window.ScrollY]]

第5步

所有工作准备完成，f5预览一下效果，如下图所示。

第6步

点击第一个矩形，会获取到当前元件的坐标值 ，点击第二个矩形能够获取到鼠标的坐标值。