上一篇经验我们介绍到,跗柿椁焚如何通过函数的方式获取界面及当前元件的高度和宽度值,下面小编介绍一下通过Axure原型工具如何获取元件的坐标以及鼠标坐标。
工具/原料
电脑
Axure
方法/步骤
1、首先新建一个空白页面,在工作区域内拖入两个矩形,用于本次实现效果的元件元素,如下图所示。
2、将元件的名称及值的信息进行设置,如下图所示,一个获取元件坐标,一个获取鼠标坐标。
3、下面开始设置交互事件,首咸犴孜稍先给元件坐标的矩形设置单击交互事件,通过函数的方式获取当前元件的坐标值,函数如下。[[PageName]]
4、然后对鼠标坐标的矩形交互事件进行设置,通过函数的方式获取鼠标的坐标位置,函数如蛴蛩钔淞下。水平距离:[[Window.ScrollX]]垂直距离:[[Window.ScrollY]]
5、所有工作准备完成,f5预览一下效果,如下图所示。
6、点击第一个矩形,会获取到当前元件的坐标值,点击第二个矩形能够获取到鼠标的坐标值。