上篇介绍了如何用函数获取界面和元件的宽高,接下来将讲解在Axure原型工具中,如何获取元件的位置坐标以及鼠标当前位置的坐标信息。
1、 新建空白页面后,在工作区拖入两个矩形,作为实现效果所需的元件元素,具体布局参考下图所示。
2、 设置元件名称与参数,分别用于获取元件位置和鼠标位置信息。
3、 接下来配置交互事件,先为坐标矩形元件添加单击响应,再通过调用函数获取该元件当前的坐标位置,具体函数实现方式如下所示。
4、 设置鼠标坐标矩形的交互事件,通过调用函数获取鼠标当前位置,具体函数实现如下所示。
5、 水平间距:] 垂直间距:]
6、 所有准备工作就绪,按F5预览效果,具体所示。
7、 点击首个矩形可获取元件坐标,点击第二个矩形则可获得鼠标当前位置的坐标值。
评论
更多评论