原型库网站—讲师金乌原创发布,可自由转载,请注明出处!

Axure中文官网:www.AxureRP.cn

 

《AxureRP7.0函数变量运算符详解》

鼠标属性 Cursor Funcitons


Cursor.x

鼠标指针的x轴坐标

Cursor.y

鼠标指针的y轴坐标

DragX

部件延X轴瞬间拖动的距离(拖动速度)

DragY

部件延Y轴瞬间拖动的距离(拖动速度)

TotalDragX

部件延X轴拖动的总距离

TotalDragY

部件延Y轴拖动的总距离

DragTime

部件拖动的总时间

 

 

Cursor.x         鼠标指针的x轴坐标




定义:

Cursor.x         可获取鼠标指针的x轴坐标;





实例:


查看案例演示



在这个案例中,我们使用鼠标移动时 事件,动态获取鼠标X轴坐标;

1. 拖动一个矩形部件到设计区域,并为其添加鼠标移动时事件,在部件交互面板中点击更多事件并选择鼠标移动时。

2.在弹出的用例编辑器中新增 设置文本 动作,并设置文本的值为`Cursor`.`x`

3.F5键预览原型

输出: 鼠标X轴动态的坐标

 

Cursor.y         鼠标指针的y轴坐标





定义:

Cursor.y         获取鼠标指针的y轴坐标;




实例:


查看案例演示



在本案例中,我们使用鼠标移动时 事件,动态获取鼠标Y轴坐标;

1. 拖动一个矩形部件到设计区域,并为其添加鼠标移动时事件,在部件交互面板中点击更多事件并选择鼠标移动时。

2.在弹出的用例编辑器中新增 设置文本 动作,并设置文本的值为`Cursor`.`y`

3.F5键预览原型

输出: 鼠标Y轴动态的坐标

 

DragX         部件延X轴瞬间拖动的距离





定义:

DragX         部件延X轴瞬间拖动的距离(即瞬间速度)




实例:


查看案例演示



在这个案例中,我们使用 `DragX` 来输出部件延X轴瞬间拖动的距离(速度);

1.拖动矩形部件到设计区域,并将其转换为动态面板

2. 给动态面板添加 正在拖动时 事件,在用例编辑器中新增 移动动作,并配置动态面板动作为横向拖动。

3. 继续新增 设置文本动作 将矩形部件的值 设置为 `DragX`

4. 预览原型效果。

输出: 部件延X轴瞬间拖动的距离(速度)

 

 

DragY        部件延Y轴瞬间拖动的距离





定义:

DragY         部件延Y轴瞬间拖动的距离(即瞬间速度)




实例:


查看案例演示



在这个案例中,我们使用 `DragY` 来输出部件延X轴瞬间拖动的距离(速度);

1.拖动矩形部件到设计区域,并将其转换为动态面板

2. 给动态面板添加 正在拖动时 事件,在用例编辑器中新增 移动动作,并配置动态面板动作为纵向拖动。

3. 继续新增 设置文本动作 将矩形部件的值 设置为 `DragY`

4. 预览原型效果。

输出: 部件延X轴瞬间拖动的距离(速度)

 

 

TotalDragX         鼠标指针延X轴拖动的总距离






定义:

TotalDragX         获取部件延X轴拖动的总距离




实例:



查看案例演示


在本案例中,我们使用`TotalDragX`来输出部件延X轴水平拖动的总距离;

1. 拖动矩形部件到设计区域并将其转换为动态面板,为其命名

2. 给动态面板添加 正在拖动时 事件,在弹出的用力编辑器中新增 移动 动作 ,配置动作为 水平拖动。点击确定回到用例编辑器

3. 继续新增 设置文本 动作,设置矩形部件的 值 为 `TotalDragX` 点击确定关闭用例编辑器。

4. F5 预览效果

输出:部件延X轴拖动的总距离

 

 

TotalDragY        鼠标指针延Y轴拖动的总距离






定义:

TotalDragY        获取部件延Y轴拖动的总距离




实例:


查看案例演示



在本案例中,我们使用`TotalDragY`来输出部件延Y轴水平拖动的总距离;

1. 拖动矩形部件到设计区域并将其转换为动态面板,为其命名

2. 给动态面板添加 正在拖动时 事件,在弹出的用力编辑器中新增 移动 动作 ,配置动作为 水平拖动。点击确定回到用例编辑器

3. 继续新增 设置文本 动作,设置矩形部件的 值 为 `TotalDragY` 点击确定关闭用例编辑器。

4. F5 预览效果

输出:部件延Y轴拖动的总距离

 

DragTime         鼠标拖动的时间





定义:

DragTime         鼠标左键按下后拖动部件时间的总和




注释:

鼠标左键按下后拖动部件移动时,时间开始累积,鼠标不动不累积时间;
鼠标左键释放后时间停止积累,再次点击拖动时时间重置为默认(0);
时间累积单位为毫秒;




实例:


查看案例演示



在本案例中,我们使用 `DragTime` 来输出部件被拖动的总时间;

1.拖动矩形部件到设计区域,并将其转换为动态面板

2.给动态面板添加 正在拖动时 事件,在部件交互面板中双击 正在拖动时 在弹出的用例编辑器中新增 移动 动作,在右侧配置动作中设置 动态面板 移动拖动。点击确定。

3.在用例编辑器中继续新增设置文本动作,设置矩形部件的值为 `DragTime`,点击确定关闭用例编辑器。

4. F5键预览效果。

输出:拖动部件时间的总和