Axure 8.0显示鼠标位置和动态时间一

想要实现的内容:

1.  鼠标位置,随着鼠标的移动实时变化,通过标签或者按钮来显示坐标(其实标签或者按钮都是矩形)

2.  动态的显示当前的时间,通过矩形显示

简单设计最终图:

主要用到的功能:

1. 函数

   如何获取鼠标的坐标值,在指定标签或者按钮文本上显示

2. 获取时间

 通过函数获取到的时间是瞬时时间,无法动态显示,如何通过循环时间时间的重复调用

 

设计:

1. 鼠标位置

    首先创建四个矩形,内容分别是: X坐标、Y坐标、(X坐标值,留空)、(Y坐标值,留空)

    在动作交互栏,确认交互动作场景为:  检视:页面

    选择的交互动作为:   页面鼠标移动时

    

设置如下:

具体的值为局部变量,这里要调用鼠标的两个函数,Cursor.x    Cursor.y  分别代表当前鼠标的x,y位置

实现如下:

点击fx位置:    

 

选择:插入变量或函数

找到对应的函数:

即可完成。

 

posted @ 2016-07-14 14:36  loyfee  阅读(3682)  评论(0编辑  收藏  举报