原型库网站—讲师金乌原创发布,可自由转载,请注明出处!
Axure中文官网:www.AxureRP.cn
《AxureRP7.0函数变量运算符详解》
鼠标属性 Cursor Funcitons
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键预览效果。
输出:拖动部件时间的总和