手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-13 00:52:01

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

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

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

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

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

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

4、然后对鼠标坐标的矩形交互事件进行设置,通过函数的方式获取鼠标的坐标位置,函数如下。水平距离:[[Window.ScrollX]] 垂直距离:[[Window.ScrollY]]

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

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

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

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

Axure原型工具如何获取元件的坐标以及鼠标坐标
Axure原型工具如何获取元件的坐标以及鼠标坐标
© 手抄报圈