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

2025-04-04 02:10:38

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

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

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

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

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

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

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

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

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

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

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

Axure原型工具如何获取元件的坐标以及鼠标坐标
Axure原型工具如何获取元件的坐标以及鼠标坐标
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢