AxureRP7.0教程 AxureRP7.0鼠标函数详解

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

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键预览效果。

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