Axure RP从入门到精通（二十）鼠标指针函数

最新推荐文章于 2025-06-05 18:38:08 发布
最新推荐文章于 2025-06-05 18:38:08 发布
阅读量1.9k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： Axure RP 从入门到精通 文章标签： axure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/vbirdbest/article/details/106888123
本文深入探讨了Axure RP中的鼠标指针函数，包括如何获取鼠标坐标、拖拽位移和时间。讲解了TotalDragX、TotalDragY、DragTime等变量的用法，并通过实例展示了如何在动态面板和树形控件中应用这些函数，实现动态交互效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一：鼠标指针函数

鼠标指针函数常用于获取鼠标的坐标，鼠标拖拽的位移和拖拽时间。Axure RP 横坐标向右为正，向左为负，纵坐标向下为正，向下为负。
在这里插入图片描述

TotalDragX、TotalDragY、DragTime只记录本次拖动时的值，当鼠标松开时此次拖动就结束了，结束后TotalDragX和TotalDragY或重新从0开始计算。

DragX和DragY这两个值好像是距离上次拖动的相对位移，这个值会很快被清0。
在这里插入图片描述

二：函数示例

  1. 拖拽一个矩形，转为动态面板，拖动几个文本标签。在这里插入图片描述
  2. 为动态面板添加拖拽时事件。鼠标拖动时矩形跟着移动，并设置每个值。在这里插入图片描述
  3. 示例效
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Axure RP从入门到精通（十八）元件函数
人不风流枉少年
06-18 2502
函数功能很强大，利用好函数可以简化很多操作。 一：省市二级级联text 制作一个省的下拉列表和一个市的下拉列表。 将市区下拉列表转为动态面板，注意每个动态面板的状态名字必须为省下拉列表中的选项完全一样。这是使用使用text函数完成级联的关键所在。 为省下拉列表添加选项改变时事件。将选择状态改为Value，然后使用函数来获取具体的状态。由于市区动态面板的状态值正好是一级省下拉列表的选项值，所以状态值为选项的文本值。 效果，这种方式比使用条件判断简单多了。 ...
Axure RP从入门到精通（二十六）对象属性
人不风流枉少年
03-07 351
一：元件属性 scrollX、scrollY 用于动态面板。 透明度是指的元件本身样式中的透明度，而不是填充色对应的透明度。 一般对象名字都是首字母大写（如This、Target）。 一般对象的属性都是小写字母开头（如text、name）。 在插入变量或者函数时是不区分大小写的，但建议按照标准写。 二：页面属性 常用于面包屑导航。 三：窗口属性 ...
Axure RP 8 教程 - 数字与指针函数之开关侧边菜单
qq_35636311的博客
08-24 926
本章介绍如何使用指针函数实现侧边的菜单滑动，该效果广泛应用于各类APP的菜单滑动。 案例简介：    单击功能按钮时，打开侧边菜单；向左快速拖动菜单时，关闭侧边菜单；菜单也可以通过从屏幕边缘向右边快速拖动，打开菜单；缓缓拖动时，如果拖动距离小于菜单宽度的一半，菜单收回；否则，菜单打开。 案例效果： 以下是详细的操作步骤，请慢慢食用
AxureRP7.0教程 AxureRP7.0鼠标函数详解
weixin_33874713的博客
08-27 152
原型库网站—讲师金乌原创发布，可自由转载，请注明出处！Axure中文官网：www.AxureRP.cn《AxureRP7.0函数变量运算符详解》鼠标属性 Cursor FuncitonsCursor.x鼠标指针的x轴坐标Cursor.y鼠标指针的y轴坐标DragX部件延X轴瞬间拖动的距离（拖动速度）DragY部件延Y轴瞬间拖动的距离（拖动速度）TotalDragX部件延X轴...
Axure 与 Cursor 集成实现方案
最新发布
主攻大数据 人工智能 物联网 安全 低空经济等方向。mtsc 、gtest特邀分享嘉宾
06-05 1334
以下是一个完整的 Axure 与 Cursor AI 集成的原型实现方案，通过自定义 JavaScript 代码实现无缝对接：Axure 原型自定义 JavaScript 代码Cursor API 接口AI 模型服务返回生成结果更新 Axure 原型 二、实现代码（嵌入 Axure 的 HTML 部件） 三、Axure 原型集成步骤 1. 在 Axure 中添加 HTML 部件 拖拽 “HTML” 部件到画布 右键部件 → “编辑 HTML” 粘贴上述完整代码 调整部件大小至合适尺寸（建议 800×60
Axure RP 8 教程-指针函数之商品图片放大
qq_35636311的博客
08-24 1547
本章介绍如何使用指针函数实现鼠标区域的商品的放大，广泛应用于商品细节展示。 案例简介：   鼠标进入商品图标时，商品图标呈现选中状态，同时商品图片相应改变；鼠标进入商品图片时，有绿色半透明矩形跟随鼠标移动，但是不超出商品图片范围；同时，右侧出现绿色半透明矩形所覆盖区域的放大图片；鼠标离开图片时，绿色半透明矩形放大图片消失。 案例实际效果： 原件命名：  
Axure 9.0 使用教程2-函数分类
weixin_33698823的博客
02-13 648
在axure交互设计时，函数可以用在条件公式和需要赋值的地方，其基本语法是用双方括号包含，变量值和函数用英文句号连接。如：[[LVAR. Width]] 表示变量LVAR的宽度。[[This. Width]] 当前元件的宽度 widget 元件函数详解 this 获取当前元件对象。当前元件是指当前添加交互动作的元件。如：this.text获取当前选中元件上的文字内容...
Axure 8.0显示鼠标位置和动态时间一
07-14 540
想要实现的内容： 1. 鼠标位置，随着鼠标的移动实时变化，通过标签或者按钮来显示坐标（其实标签或者按钮都是矩形） 2. 动态的显示当前的时间，通过矩形显示 简单设计最终图： 主要用到的功能： 1. 函数 如何获取鼠标的坐标值，在指定标签或者按钮文本上显示 2. 获取时间 　通过函数获取到的时间是瞬时时间，无法动态显示，如何通过循环时间时间的重复调用 ...
鼠标指针cursor的属性值
Kalimye的博客
04-15 883
cursor属性注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。url需使用的自定义光标的 URL。default默认光标（通常是一个箭头）auto默认。浏览器设置的光标。crosshair光标呈现为十字线。pointer光标呈现为指示链接的指针（一只手）move此光标指示某对象可被移动。e-resize此光标指示矩形框的边缘可被向右（东）移动。ne-resize...
Axure实战案例4——指针导航
格物的专栏
08-28 2503
今天主要讲解如何使用母版和函数来制作导航。 下图是一个导航栏，“知识中心”、“流程中心”、“用户中心”分别对应三个页面page1 page2 page3。 page1  page2  page3  思路： 三个页面都有统一的导航栏（除了三角符号），所以应该将其做成一个母版，就是抽取出共性出来。那么怎么保证在点击任何一个选项的时候都能切换到正确的页面，并且那个页面也显示正确的三角形位置呢...
全新Axure RP 9.0产品原型交互设计
02-24
Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理
Axure RP9——【元件函数】
两条线-twolines
10-29 1882
元件函数 Element function 目录 Element function I.元件函数 II.窗口函数 III.鼠标指针函数 IV.字符串函数 I.元件函数 举个栗子 1.实现 “放大”“缩小”功能 （1）从元件库拖一个矩形出来，并进行命名，颜色填充 （2）设置2个按钮，“放大”和“缩小”；并进行交互设置 单击时——设置尺寸——矩形图形（即矩形框的命名） （3）点击右下角的fx进行函数设置： 实现点击放大按钮时，扩大原大小的两倍； 先插入局部变量，对...
Axure函数的使用
zhanghz_的博客
10-16 448
Axure函数使用的基本语法是：用”[[ ]]”双方括号（即英文双中括号）包含，变量值和函数用英文句号（即点”. ”）连接。
46.指针属性与动态面板拖动
weixin_30347009的博客
06-24 114
dragX就是鼠标瞬间移动的的距离 TotalDragX就是鼠标在这个动作的总移动距离 DragTime就是鼠标开始移动到结束的时间（单位是毫秒） 转载于:https://www.cnblogs.com/newt/p/9221230.html...
《Axure 6.5超短篇笔记》——TotalDragX和DragX的换算
胡争辉
07-11 3701
尝试一下新形式 《Axure 6.5超短篇笔记》——TotalDragX和DragX的换算 讨论请移步至：http://bbs.hpx-party.org/thread-52774-1-1.html 欢迎转发新浪微博：http://weibo.com/1689646705/yrX688VEe 欢迎转发腾讯微博：http://t.qq.com/p/t/101324125461619
Axure RP 8.0函数大全 Axure函数手册用法及说明
hanxuchao0816的博客
12-27 1398
Axure函数的基本语法 在axure交互设计时，函数可以用在条件公式和需要赋值的地方，其基本语法是用双方括号包含，变量值和函数用英文句号连接。 例如：[[LVAR. Width]] 表示变量LVAR的宽度。           [[This. Width]] 当前元件的宽度 元件函数 This           用途：获取当前元件对象。当前元件是指当前添加交互动作的元件。 Ta...
AxureRP 预览时鼠标变圈圈⭕️？
平凡的心
10-25 8086
那是因为设置页面样式时，自定义了页面尺寸，比如移动设备，那个圈圈是模拟的触摸鼠标样式。 只要将页面样式改为Web类型，自定义Auto或Web即可。问题解决的同学打个CALL。。。
axure函数的使用方法详细介绍
zy1992As的博客
12-20 1247
在用进行交互设计的时候，函数一般用在需要赋值和条件公式的地方。⽤途：默认名称⽤途：中继器的对象。Item.Repeater即为Item所在的中继器对象。⽤途：中继器项⽬列表中可⻅项的数量。⽐如：项⽬列表共有15项，分⻚显示为每⻚6项。当项⽬列表在第1、2⻚时，可⻅项数量为6;当项⽬列表在第3⻚时，可⻅项数量为3。⽤途：获取中继器项⽬列表的总数量，或者叫加载项数量。默认情况下项⽬列表的总数量会与中继器数据集中的数据⾏数量⼀致，但是，如果进⾏了筛选，项⽬列表的总数量则是筛选后的数量，这个数量不受分⻚影响。
Axure函数大全
u014689510的博客
06-03 9237
转载：http://www.blogjava.net/amigoxie/archive/2015/05/23/425247.html 1、函数列表 Axure RP 7.0的函数列表如图1所示：   图1 Axure RP 7.0的函数列表 2、常用函数 函数名称 函数说明 分类 备注
掌握Axure RP 7.0：电子版从入门到精通
《Axure RP 7.0 从入门到精通》这本书籍，想必会深入讲解这些方面的内容，为用户搭建一个全面的Axure RP知识体系。除了具体的操作指导，书籍可能还会讨论原型设计的最佳实践、流程管理、以及如何高效地利用Axure RP...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

风流 少年

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值