Axure函数大全

Axure函数的基本语法

在axure交互设计时,函数可以用在条件公式和需要赋值的地方,其基本语法是用双方括号包含,变量值和函数用英文句号连接。

例如:

[[LVAR. Width]] 表示变量LVAR的宽度。
[[This. Width]] 当前元件的宽度

元件函数

  • This 用途:获取当前元件对象。当前元件是指当前添加交互动作的元件。

  • Target 用途:获取目标元件对象。目标元件是指当前交互动作控制的元件。

  • x 用途:获取元件对象的X轴坐标值。

  • y 用途:获取元件对象的Y轴坐标值。

  • width 用途:获取元件对象的宽度值。

  • height 用途:获取元件对象的高度值。

  • scrollX 用途:获取元件对象的水平滚动距离(当前仅限动态面板)。

  • scrollY 用途:获取元件对象的垂直滚动距离(当前仅限动态面板)。

  • text 用途:获取元件对象的文本文字。

  • name 用途:获取元件对象的自定义名称。

  • top 用途:获取元件对象的上边界坐标值。

  • left 用途:获取元件对象的左边界坐标值。

  • right 用途:获取元件对象的右边界坐标值。

  • bottom 用途:获取元件对象的下边界坐标值。

  • opacity 用途:获取元件对象的不透明比例。

  • rotation 用途:获取元件对象的旋转角度。

鼠标指针函数

  • Cursor.x 用途:鼠标指针在页面中位置的X轴坐标。

  • Cursor.y 用途:鼠标指针在页面中位置的Y轴坐标。

  • DragX 用途:鼠标指针沿X轴拖动元件时的瞬间(0.01秒)拖动距离。

  • DragY 用途:鼠标指针沿Y轴拖动元件时的瞬间(0.01秒)拖动距离。

  • TotalDragX 用途:鼠标指针拖动元件从开始到结束的X轴移动距离。

  • TotalDragY 用途:鼠标指针拖动元件从开始到结束的Y轴移动距离。

  • DragTime 用途:鼠标指针拖动元件从开始到结束的总时长。

Axure RP窗口函数

Window.width 用途:打开原型页面的浏览器当前宽度。

Window.height 用途:打开原型页面的浏览器当前高度。

Window.scrollX 用途:浏览器中页面水平滚动的距离。

Window.scrollY 用途:浏览器中页面垂直滚动的距离。

页面函数

PageName 用途:获取当前页面的名称。

中继器函数

Repeater 用途:中继器的对象。Item.Repeater即为Item所在的中继器对象。

visibleItemCount 用途:中继器项目列表中可见项的数量。比如:项目列表共有15项,分页显示为每页6项。当项目列表在第1、2页时,可见项数量为6;当项目列表在第3页时,可见项数量为3。

itemCount 用途:获取中继器项目列表的总数量,或者叫加载项数量。默认情况下项目列表的总数量会与中继器数据集中的数据行数量一致,但是,如果进行了筛选,项目列表的总数量则是筛选后的数量,这个数量不受分页影响。

dataCount 用途:获取中继器数据集中数据行的总数量。

pageCount 用途:获取中继器分页的总数量,即能够获取分页后共有多少页。

pageIndex 用途:获取中继器项目列表当前显示内容的页码。

Item 用途:获取数据集一行数据的集合,即数据行的对象。

TargetItem 用途:目标数据行的对象。

Item.列名 用途:获取数据行中指定列的值。

index 用途:获取数据行的索引编号,编号起始为1,由上至下每行递增1。

isFirst 用途:判断数据行是否为第1行;如果是第1行,返回值为“True”,否则为“False”。

isLast 用途:判断数据行是否为最末行;如果是最末行,返回值为“True”,否则为“False”。

isEven 用途:判断数据行是否为偶数行;如果是偶数行,返回值为“True”,否则为“False”。

isOdd 用途:判断数据行是否为奇数行;如果是奇数行,返回值为“True”,否则为“False”。

isMarked 用途:判断数据行是否为被标记;如果被标记,返回值为“True”,否则为“False”。

isVisible 用途:判断数据行是否为可见行;如果是可见行,返回值为“True”,否则为“False”。

数字函数

toExponential(decimalPoints) 用途:把数值转换为指数计数法。参数:decimalPoints为保留小数的位数。

toFixed(decimalPoints) 用途:将一个数字转为保留指定位数的小数,小数位数超出指定位数时进行四舍五入。参数:decimalPoints为保留小数的位数。

toPrecision(length) 用途:把数字格式化为指定的长度。参数:length为格式化后的数字长度,小数点不计入长度。

数学函数

Math.abs(x) 用途:计算参数数值的绝对值。 参数:x为数值。

Math.acos(x) 用途:获取一个数值的反余弦弧度值,其范围是 0~ pi 。 参数:x为数值,范围在 -1~1 之间。

Math.asin(x) 用途:获取一个数值的反正弦值。 参数:x为数值,范围在 -1~1 之间。

Math.atan(x) 用途:获取一个数值的反正切值。 参数:x为数值。

Math.atan2(y,x) 用途:获取某一点(x,y)的角度值。 参数:“x,y”为点的坐标数值。

Math.ceil(x) 用途:向上取整函数,获取大于或者等于指定数值的最小整数。 参数:x为数值

Math.cos(x) 用途:余弦函数。 参数:x为弧度数值。

Math.exp(x) 用途:指数函数,计算以e为底的指数。 参数:x为数值。

Math.floor(x) 用途:向下取整函数,获取小于或者等于指定数值的最大整数。 参数:x为数值。

Math.log(x) 用途:对数函数,计算以e为底的对数值。 参数:x为数值。

Math.max(x,y) 用途:获取参数中的最大值。 参数:“x,y”表示多个数值,而非2个数值。

Math.min(x,y) 用途:获取参数中的最小值。 参数:“x,y”表示多个数值,而非2个数值。

Math.pow(x,y) 用途:幂函数,计算x的y次幂。 参数:x不能为负数且y为小数,或者x为0且y小于等于0。

Math.random() 用途:随机数函数,返回一个0~1之间的随机数。 示例:获取10-15之间的随机小数,计算公式为Math.random()*5+10。

Math.sin(x) 用途:正弦函数。 参数:x为弧度数值。

Math.sqrt(x) 用途:平方根函数。 参数:x为数值。

Math.tan(x) 用途:正切函数。 参数:x为弧度数值。

时间函数

Now 用途:获取当前计算机系统日期对象。

GenDate 用途:获取原型生成日期对象。

getDate() 用途:获取日期对象“日期”部分数值(1 ~ 31)。

getDay() 用途:获取日期对象“星期”部分的数值(0 ~ 6)。

getDayOfWeek() 用途:获取日期对象“星期”部分的英文名称。

getFullYear() 用途:获取日期对象“年份”部分四位数值。

getHours() 用途:获取日期对象“小时”部分数值(0 ~ 23)。

getMilliseconds() 用途:获取日期对象的毫秒数(0 ~ 999)。

getMinutes() 用途:获取日期对象“分钟”部分数值(0 ~59)。

getMonth() 用途:获取日期对象“月份”部分的数值(1 ~ 12)。

getMonthName() 用途:获取日期对象“月份”部分的英文名称。

getSeconds() 用途:获取日期对象“秒数”部分数值(0 ~59)。

getTime() 用途:获取当前日期对象中的时间值。该时间值表示从1970年1月1日00:00:00开始,到当前日期对象时,所经过的毫秒数,以格林威治时间为准。

getTimezoneOffset() 用途:获取世界标准时间(UTC)与当前主机时间之间的分钟差值。

getUTCDate() 用途:使用世界标准时间获取当前日期对象“日期”部分数值(1 ~ 31)。

getUTCDay() 用途:使用世界标准时间获取当前日期对象“星期”部分的数值(0 ~ 6)。

getUTCFullYear() 用途:使用世界标准时间获取当前日期对象“年份”部分四位数值。

getUTCHours() 用途:使用世界标准时间获取当前日期对象“小时”部分数值(0 ~ 23)。

getUTCMilliseconds() 用途:使用世界标准时间获取当前日期对象的毫秒数(0 ~ 999)。

getUTCMinutes() 用途:使用世界标准时间获取当前日期对象“分钟”部分数值(0 ~59)。

getUTCMonth() 用途:使用世界标准时间获取当前日期对象“月份”部分的数值(1 ~ 12)。

getUTCSeconds() 用途:使用世界标准时间获取当前日期对象“秒数”部分数值(0 ~59)。

Date.parse(datestring) 用途:用于分析一个包含日期的字符串,并返回该日期与1970年1月1日00:00:00之间相差的毫秒数 参数:datestring为日期格式的字符串,格式为:yyyy/mm/dd hh:mm:ss。

toDateString() 用途:以字符串的形式获取一个日期。

toISOString() 用途:获取当前日期对象的IOS格式的日期字串,格式:YYYY-MM-DDTHH:mm:ss.sssZ。

toJSON() 用途:获取当前日期对象的JSON格式的日期字串,格式: YYYY-MM-DDTHH:mm:ss.sssZ。

toLocaleDateString() 用途:以字符串的形式获取本地化当前日期对象。并且只包含“年月日”部分的短日期信息。

toLocaleTimeString() 用途:以字符串的形式获取本地化当前日期对象。并且只包含“时分秒”部分的短日期信息。

toUTCString() 用途:以字符串的形式获取相对于当前日期对象的世界标准时间。

Date.UTC(year,month,day,hour,min,sec,millisec) 用途:获取相对于1970 年 1 月 1 日 00:00:00的世界标准时间,与指定日期对象之间相差的毫秒数。 参数:组成指定日期对象的年、月、日、时、分、秒以及毫秒的数值。

valueOf() 用途:获取当前日期对象的原始值。

addYears(years) 用途:将指定的年份数加到当前日期对象上,获取一个新的日期对象。 参数:years为整数数值,正负均可。

addMonths(months) 用途:将指定的月份数加到当前日期对象上,获取一个新的日期对象。 参数:months为整数数值,正负均可。

addDays(days) 用途:将指定的天数加到当前日期对象上,获取一个新的日期对象。 参数:days为整数数值,正负均可。

addHours(hours) 用途:将指定的小时数加到当前日期对象上,获取一个新的日期对象。 参数:hours为整数数值,正负均可。

addMinutes(minutes) 用途:将指定的分钟数加到当前日期对象上,获取一个新的日期对象。 参数:minutes为整数数值,正负均可。

addSeconds(seconds) 用途:将指定的秒数加到当前日期对象上,获取一个新的日期对象。 参数:seconds为整数数值,正负均可。

addMilliseconds(ms) 用途:将指定的毫秒数加到当前日期对象上,获取一个新的日期对象。 参数:ms为整数数值,正负均可。

Year 用途:获取系统日期对象“年份”部分的四位数值。

Month 用途:获取系统日期对象“月份”部分数值(1 ~ 12)。

Day 用途:获取系统日期对象“日期”部分数值(1 ~ 31)。

Hours 用途:获取系统日期对象“小时”部分数值(0 ~ 23)。

Minutes 用途:获取系统日期对象“分钟”部分数值(0 ~ 59)。

Seconds 用途:获取系统日期对象“秒数”部分数值(0 ~ 59)。

字符串函数

length 用途:获取当前文本对象的长度,即字符个数;1个汉字的长度按1计算。

charAt(index) 用途:获取当前文本对象中指定位置的字符; 参数:index为大于等于0的整数。

charCodeAt(index) 用途:获取当前文本对象中指定位置字符的Unicode编码(中文编码段19968 ~ 40622);字符起始位置从0开始。 参数:index为大于等于0的整数。

concat(‘string’) 用途:将当前文本对象与另一个字符串组合。 参数:string为组合在后方的字符串。

indexOf(‘searchValue’,start) 用途:从左至右获取查询字符串在当前文本对象中首次出现的位置。未查询到时返回值为-1。 参数:searchValue为查询的字符串;start为查询的起始位置。该参数可省略,官方未给出此参数,经测试可用。

lastIndexOf(‘searchvalue’,start) 用途:从右至左获取查询字符串在当前文本对象中首次出现的位置。未查询到时返回值为-1。 参数:searchValue为查询的字符串;start为查询的起始位置。该参数可省略,官方未给出此参数,经测试可用。

replace(‘searchvalue’,’newvalue’) 用途:用新的字符串替换当前文本对象中指定的字符串。 参数:searchvalue为被替换的字符串;newvalue为新文本对象或字符串。

slice(start,end) 用途:从当前文本对象中截取从指定起始位置开始到终止位置之前的字符串。 参数:start为被截取部分的起始位置,该数值可为负数;end为被截取部分的终止位置,该数值可为负数。该参数可省略,省略该参数则由起始位置截取至文本对象结尾。

split(‘separator’,limit) 用途:将当前文本对象中与分隔字符相同的字符转为“,”,形成多组字符串,并返回从左开始的指定组数。 参数:separator为分隔字符,分隔字符可以为空,为空时将分隔每个字符为一组;limit为返回组数的数值,该参数可以省略,省略该参数则返回所有字符串组。

substr(start,length) 用途:从当前文本对象中指定起始位置开始截取一定长度的字符串。 参数:start为被截取部分的起始位置;length为被截取部分的长度,该参数可省略,省略该参数则由起始位置截取至文本对象结尾。

substring(from,to) 用途:从当前文本对象中截取从指定位置到另一指定位置区间的字符串。右侧位置不截取。 参数:from为指定区间的起始位置;to为指定区间的终止位置,该参数可省略,省略该参数则由起始位置截取至文本对象结尾。

toLowerCase() 用途:将文本对象中所有的大写字母转换为小写字母。

toUpperCase() 用途:将当前文本对象中所有的小写字母转换为大写字母。

trim() 用途:去除当前文本对象两端的空格。

toString() 用途:将一个逻辑值转换为字符串。

### Axure 中的函数使用方法与示例 #### 一、Axure函数分类及其功能概述 Axure 提供了多种类型的函数,这些函数可以用于创建复杂而灵活的交互效果。以下是主要的函数类别以及其基本用途: 1. **中继器/数据集函数** 这些函数主要用于动态显示和管理列表型的数据集合。通过 `item()` 和其他相关函数,可以在运行时访问并修改数据项的内容[^1]。 2. **元件函数** 元件函数允许开发者获取或设置特定界面组件的状态,比如隐藏 (`hide()`) 或显示 (`show()`) 某个部件,或者调整某个按钮的文字内容(`settext('elementName', 'newText')`)。 3. **页面函数** 页面级别的控制可以通过这类函数完成,例如跳转至另一页面(`gotoPage(pageName)`), 返回上一页(`goBack()`)等操作。 4. **窗口函数** 控制浏览器行为的功能由这一组提供,像打开新标签页链接(`openLinkIn(url, target)`,其中target可指定为'_blank'表示新开窗口),关闭当前窗口(`closeWindow()`)等功能均在此列。 5. **鼠标指针函数** 改变鼠标的外观样式以提示用户某些区域具有特殊作用,如改变成手形图标(`setCursorStyle('pointer')`)。 6. **数字函数** 数字处理方面提供了诸如取整(`floor(value)`), 取余(`mod(dividend, divisor)`)等一系列基础算术支持。 7. **字符串函数** 对文本串的操作非常广泛,涵盖了查找子串位置(`indexOf(haystack, needle)`), 替换部分字符(`replace(textToSearchWithin, substringToReplace, replacementSubstring)`)等等实用技巧。 8. **数学函数** 包含常见的三角学运算及其它高级数值计算能力,例如求平方根(`sqrt(number)`), 计算幂值(`Math.pow(base, exponent)`)[^2]。 9. **时间函数** 获取系统日期时间戳(`getTimestamp()`), 解析ISO标准格式的时间字符串(`parseDate(dateString)`)都是典型应用案例。 10. **布尔运算** 实现简单的逻辑判定表达式构建,利用比较符(如`=`,`!=`,`<`,`<=`,`>`,`>=`)[^3], 结合连接词(`&&`(AND),`||`(OR))形成复合条件语句,在事件触发动作配置里执行相应脚本代码[^4]。 #### 二、具体实例演示 下面给出几个实际应用场景下的例子来说明如何运用上述提到的各种类型函数: ##### 示例 1: 动态更新价格展示 (涉及数字函数) 假设有一个电商网站的产品详情页,当顾客选择了不同数量的商品时,总价应该实时变化。 ```javascript // 假设单价存储在一个变量pricePerUnit中,购买的数量保存在另一个变量quantity中 var totalPrice = pricePerUnit * quantity; return Math.floor(totalPrice); // 输出不带小数位的价格总额 ``` ##### 示例 2: 用户登录验证流程 (结合字符串函数与布尔运算) 如果要检查输入邮箱地址是否合法,则可能需要用到正则匹配配合一些辅助性的字符串检测手段。 ```javascript function isValidEmail(emailAddress){ var re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(String(emailAddress).toLowerCase()); } if(isValidEmail(userInput)){ alert("有效邮件"); }else{ alert("无效邮件,请重新填写!"); } ``` ##### 示例 3: 自动填充生日字段 (调用了时间函数) 为了让用户体验更好一点,我们可以预估用户的出生年份作为默认选项之一。 ```javascript var today = new Date(); var birthYear = today.getFullYear()-parseInt(getValue('ageField')); setValue('birthYearDropdown', String(birthYear)); ``` #### 总结 以上仅展示了少量可能性而已,实际上随着熟练程度加深之后还能发掘更多潜力无限的新玩法出来!
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值