OldCat先生 2022-07-01
Axure 函数自查/函数大全/函数详解
目录
导读:当我们用Axure来制作一些高级交互去产出高保真产品原型时,难免会用到Axure函数。不过其函数众多,我们常用的也就几个类型,如若遇到不常用的类型,可能需要自查。这里为大家整理了相关资料来说明各函数的用途,供给大家查询使用。
1、元件函数
函数
说明
示例
返回结果
x
元件的x坐标
[[This.x]] 获取当前元件x坐标
当前元件的x坐标值
y
元件的y坐标
[[This.y]] 获取当前元件y坐标
当前元件的x坐标值
This
获取前元件,常见于与其他函数配合使用
[[This.x]] 获取当前元件x坐标
当前元件的x坐标值
Target
获取当前交互动作控制的目标元件,比如点击按钮移动矩形,在设置矩形移动的坐标时就可以用[[Target.y+10]]表示在矩形原来的y坐标基础上加10个px
[[Target.y]] 获取目标元件y坐标
目标元件的y坐标值
width
获取元件的宽度值
[[This.widht]] 获取当前元件宽度
当前元件的宽度值
height
获取元件的高度值
[[This.height]] 获取当前元件高度
当前元件的高度值
scrollX
获取元件的水平滚动距离,一般与动态面板、窗口等带滚动条的元件使用,若无滚动条则直接返回0
[[[Window.scrollX]]获取当前窗口的水平滚动距离
当前窗口的水平滚动距离
scrollY
获取元件的垂直滚动距离,一般与动态面板、窗口等带滚动条的元件使用,若无滚动条则直接返回0
[[Window.scrollY]]获取当前窗口的垂直滚动距离
当前窗口的垂直滚动距离
text
获取元件中的文字内容
[[This.text]] 获取当前元件中的文字内容
当前元件中的文字内容
name
获取元件的自定义的名字,若未对元件命名则返回空白
[[This.name]] 获取当前元件自定义名称
当前元件的自定义名称
top
获取元件的顶部边界y坐标值
[[This.top]] 获取当前元件顶部边界y坐标值
当前元件顶部边界y坐标值
left
获取元件的左侧边界x坐标值
[[This.left]] 获取当前元件左侧边界x坐标值
前元件左侧边界x坐标值
right
获取元件的右侧边界x坐标值
[[This.right]] 获取当前元件右侧边界x坐标值
前元件右侧边界x坐标值
bottom
获取元件的底部边界y坐标值
[[This.bottom]] 获取当前元件底部边界y坐标值
当前元件底部边界y坐标值
opacity
获取元件的不透明比例值,样式中设置不透明比例100%为不透明,0%为完全透明
[[This.opacity]] 获取当前元的透明度
当前元的透明度
rotation
获取元件对象的旋转角度值
[[This.rotation]] 获取当前元的旋转角度
当前元的旋转角度
1、元件函数
2、页面函数
3、窗口函数
3、窗口函数
函数
说明
示例
返回结果
Window
指当前浏览器窗口,一般配合width、height、scrollX、scrollY使用
[[Window.height]] 获取当前窗口的高度
当前窗口的高度值
2、页面函数
函数
说明
示例
返回结果
pagename
获取当前页面名称
[[PageName]]获取当前页面名称
当前页面名称
4、鼠标指针函数
5、数字函数
6、字符串函数
7、数学运算符与数学函数
8、时间/日期处理函数
9、中继器函数
10、布尔运算符
4、鼠标指针函数
函数
说明
示例
返回结果
Cursor.x
鼠标指针在页面中位置的x坐标,经常用于元件跟随鼠标指针的交互
[[Cursor.x]] 当前鼠标指针的x坐标值
当前鼠标指针的x坐标值
Cursor.y
鼠标指针在页面中位置的y坐标,经常用于元件跟随鼠标指针的交互
[[Cursor.y]] 当前鼠标指针的y坐标值
当前鼠标指针的y坐标值
DragX
获取被拖动元件左右瞬间移动的距离,常见于动态面板拖动时使用
[[DragX]] 当前被拖动元件左右瞬间移动的距离
DragY
获取被拖动元件上下瞬间移动的距离,常见于动态面板拖动时使用
[[DragY]] 当前被拖动元件上下瞬间移动的距离
TotalDragX
获取被拖动元件左右移动的总和,常见于动态面板拖动时使用
[[TotalDragX]] 当前被拖动元件左右移动的距离的总和
TotalDragY
获取被拖动元件垂直移动的总和,常见于动态面板拖动时使用
[[TotalDragY]] 当前被拖动元件垂直移动的距离的总和
DragTime
鼠标拖动元件的时间,即从开始拖动元件到结束拖动元件的总时长。单位为毫秒1s=1000ms
[[DragTime]] 当前被拖动元件被拖动的时长
5、数字函数
函数
说明
示例
返回结果
toExponential(decimalPoints)
把数值转换为指数计数法,decimalPoints为保留小数的位数
[[LVAR1.toExponential(2)]]
toFixed(decimalPoints)
将一个数字转为保留指定位数的小数,小数位数超出指定位数时进行四舍五入,decimalPoints为保留小数的位数
[[LVAR1.toFixed(2)]]
toPrecision(length)
把数字格式化为指定的长度,length为格式化后的数字长度,小数点不计入长度
[[LVAR1.toPrecision(4)]]
示例数字:
通过修改下方“示例数字”,可动态查看此数字相关函数的返回结果,示例中LVAR1为局部变量(为获取示例数字元件中文字添加的局部变量)
6、字符串函数
函数
说明
示例
返回结果
length
获取当前文本对象的长度,即字符个数;每个字符1个长度,字符包含汉字、子母、数字、符号、空格
[[LVAR1.length]]
charAt(index)
获取字符串对象中指定位置的字符;index为大于等于0的整数,index从0开始,第一个字符index=0
[[LVAR1.charAt(0)]]
charCodeAt(index)
获取字符串对象中指定位置字符的Unicode编码(中文编码段19968 ~ 40622可以用于判断是否为中文);index为大于等于0的整数,index从0开始,第一个字符index=0
[[LVAR1.charCodeAt(0)]]
concat(‘string’)
将当前文本对象与另一个字符串组合,参数:string为组合在后方的字符串
[[LVAR1.concat(‘万万岁’)]]
indexOf(‘searchValue’)
从左至右指定查询字符串在目标字符串中首次出现的位置。未查询到时返回值为-1; 参数:searchValue为查询的字符串;位置index从0开始计算
[[LVAR1.indexOf(‘万岁’)]]
lastIndexOf(‘searchvalue’)
从左至右指定查询字符串在目标字符串中最后一次出现的位置。未查询到时返回值为-1。 参数:searchValue为查询的字符串;位置index从0开始计算
[[LVAR1.lastIndexOf(‘万岁’)]]
replace(‘searchvalue’,’newvalue’)
替换函数,将字符串里的指定字符替换成新的字符。searchvalue为被替换的字符串;newvalue为新文本对象或字符串
[[LVAR1.replace(‘万岁’,'万万岁')]]
将字符串里的万岁替换成万万岁
slice(start,end)
从当前字符串中截取从指定起始位置开始到终止位置之前的字符串。start开始获取文本的位置,end代表结束获取文本的位置。end是可以不填,但是函数需要改成slice(start)
[[LVAR1.slice(6,15)]]
split(‘separator’,limit)
将当前文本对象中与分隔字符相同的字符转为“,”,形成多组字符串,并返回从左开始的指定组数。 参数:separator为分隔字符,分隔字符可以为空,为空时将分隔每个字符为一组;limit为返回组数的数值,该参数可以省略,省略该参数则返回所有字符串组
[[LVAR1.split(‘!’)]]
substr(start,length)
从当前文本对象中指定起始位置开始截取一定长度的字符串。 参数:start为被截取部分的起始位置;length为被截取部分的长度,该参数可省略,省略该参数则由起始位置截取至文本对象结尾
[[LVAR1.substr(6,7)]]
substring(from,to)
从当前文本对象中截取从指定位置到另一指定位置区间的字符串。右侧位置不截取。 参数:from为指定区间的起始位置;to为指定区间的终止位置,该参数可省略,省略该参数则由起始位置截取至文本对象结尾。(和slice函数一样)
[[LVAR1.substring(6,15)]]
toLowerCase()
将文本对象中所有的大写字母转换为小写字母
[[LVAR1.toLowerCase()]]
toUpperCase()
将当前文本对象中所有的小写字母转换为大写字母
[[LVAR1.toUpperCase()]]
trim()
去除当前文本对象两端的空格
[[LVAR1.trim()]]
toString()
将一个逻辑值转换为字符串
[[1+1.toString()]]
示例字符串:
通过修改下方“示例字符串”,可动态查看此字符串相关函数的返回结果,示例中LVAR1为局部变量(为获取示例字符串元件中文字添加的局部变量)
注意:字符串处理中凡是涉及位置的基本都是从0开始计算(也就是0代表第1个字符,1代表第2个字符),
写过代码的应该都懂底层逻辑中index也就是字符下标位置都是从0开始计算,没写过代码的记住就行
7、数学运算符与数学函数
函数
说明
示例
返回结果
+
加,用户求两个或多个数值之和
[[3+3+3]]
-
减,用户求两个或多个数值之差
[[9-3]]
*
乘以,求乘积
[[3*3]]
/
除已,求因数
[[9/3]]
%
求余数,不能被整除的余数,比如:9/3刚好被整除余数为0,10/3不能被整除余数为1
[[11%3]]
Math.sin(x)
获取目标弧度值的正弦值,x为参数,可以填写具体数字。也可以用变量的方式,Math.sin(LVAR1)
[[Math.sin(1)]]
Math.cos(x)
获取目标弧度值的余弦值,x为参数,可以填写具体数字。也可以用变量的方式,Math.cos(LVAR1)
[[Math.cos(1)]]
Math.tan(x)
获取目标弧度值的正切值,x为参数,可以填写具体数字。也可以用变量的方式,Math.tan(LVAR1)
[[Math.tan(1)]]
Math.asin(x)
获取目标值的反正弦值,数学函数为正弦的反函数,y=arcsinx,就是已知正弦数值,反求角度,如sin(a) = b,则arcsin(b) = a;它的值是以弧度表达的角度。定义域:[-1,1]
[[Math.asin(0.8414709848078965)]]
Math.acos(x)
获取目标值的反余弦弧度值,数学函数为余弦的反函数,y=arccosx,就是已知余弦数值,反求角度,如cos(a) = b,则arccos(b) = a;它的值是以弧度表达的角度。定义域:[-1,1]
[[Math.acos(0.5403023058681398)]]
Math.atan(x)
获取目标值的反正切值,反正切函数是指函数y=tanx的反函数,记作y=arctanx 或 y=tan-1x,叫做反正切函数。它表示(-π/2,π/2)上正切值等于 x 的那个唯一确定的角,即tan(arctan x)=x,反正切函数的定义域为R即(-∞,+∞)
[[Math.atan(1.5574077246549023)]]
Math.atan2(y,x)
获取目标坐标(x,y)的弧度值,经常用于计算两点间的角度值(弧度值),这里获得的弧度值并不是我们所说的多少度,如果需要转化的话还要在原来的基础上/π*180
[[Math.atan2(50,25)]]
Math.abs(x)
绝对值函数,可以获取目标数字的绝对值,x为需要取绝对值的数,可以填写具体的数字,也可以填写变量,例如Math.abs(LVAR1)
[[Math.abs(-68)]]
Math.ceil(x)
向上取整函数,获取大于或者等于目标数值的最小整数,x为参数,可以填写具体数字,也可以用变量的方式,Math.ceil(LVAR1)
[[Math.ceil(1.28)]]
Math.floor(x)
向下取整函数,获取小于或者等于目标数值的最大整数,x为参数,可以填写具体数字,例如Math.floor(1.3) ,得出结果为1。也可以用变量的方式,Math.floor(LVAR1)
[[Math.floor(1.28)]]
Math.exp(x)
指数函数,计算以e为底的指数。e≈2.71828182845,x为参数,可以填写具体数字,也可以用变量的方式Math.exp(LVAR1)
[[Math.exp(0)]]
Math.log(x)
对数函数,计算以e为底的对数值。数学上一般记做lnx,e≈2.71828182845,x为参数(x>0),可以填写具体数字,也可以用变量的方式,Math.log(LVAR1)
[[Math.log(1)]]
Math.pow(x,y)
幂函数(其实就是x的y次方),计算x的y次幂,是以x为底,y为幂的幂函数,x、y为参数,可以填写具体数字,也可以案例一样,用变量的方式,Math.pow(LVAR1,LVAR2)
[[Math.pow(3,2)]]
Math.max(x,y)
可以对比多个数并获取目标值中的最大值,x与y进行比较取最大值,可以比较多个数并获取目标值中最大值,不同数之间用英文逗号隔开即可
[[Math.max(1,3,2)]]
Math.min(x,y)
可以对比多个数并获取目标值中的最小值,x与y进行比较取最小值,可以比较多个数并获取目标值中最小值,不同数之间用英文逗号隔开即可。例如Math.max(3,5,6,1,3,5,2),得出的结果为1
[[Math.min(1,3,2)]]
Math.random()
随机数函数,返回一个浮点数, 随机数在范围从0 到小于1,也就是说,从 0(包括 0)往上,但是不包括 1(排除 1)
[[Math.random()]]
8、时间/日期处理函数
函数
说明
示例
返回结果
Now
获取当前日期和时间,包括星期几、年、月、日、时、分、秒、时
[[Now]]
GenDate
获取原型原型生成时间
[[GenDate]]
getDate()
获取指定时间日期部分的数值(1-31)
[[Now.getDate()]]
getDay()
获取指定时间中星期部分的数值(0-6),星期几
[[Now.getDay()]]
getDayOfWeek()
获取指定时间中星期部分英文,星期几
[[Now.getDayOfWeek()]]
getFullYear()
获取年份,指定时间对象中的年份部分的数值
[[Now.getFullYear()]]
getHours()
获取小时,指定时间对象中的小时部分的数值(0-23)
[[Now.getHours()]]
getMilliseconds()
获取毫秒,指定时间对象中的毫秒部分的数值(0-999)
[[Now.getMilliseconds()]]
getMinutes()
获取分钟,指定时间对象中的分钟部分的数值(0-59)
[[Now.getMinutes()]]
getMonth()
获取月份,指定时间对象中的月份部分的数值(1-12)
[[Now.getMonth()]]
getMonthName()
获取月份名称,指定时间对象中的月份部分的月份名称(英文)
[[Now.getMonthName()]]
getSeconds()
获取秒钟,指定时间对象中的秒钟部分的数值(0-59)
[[Now.getSeconds()]]
getTime()
获取指定时间对象中距1970/1/1之间的毫秒数
[[Now.getTime()]]
getTimezoneOffset()
获取格林威治时间和本地时间之间的时差,以分钟为单位
[[Now.getTimezoneOffset()]]
getUTCDate()
根据世界标准时间(UTC)获取指定时间对象中的日期(1-31)
[[Now.getUTCDate()]]
getUTCDay()
根据世界标准时间(UTC)获取指定时间对象中的星期几(0-6)
[[Now.getUTCDay()]]
getUTCFullYear()
根据世界标准时间(UTC)获取指定时间对象中的年份
[[Now.getUTCFullYear()]]
getUTCHours()
根据世界标准时间(UTC)获取指定时间对象中的小时(0-23)
[[Now.getUTCHours()]]
getUTCMilliseconds()
根据世界时返回时 间的毫秒(0-999)
[[Now.getUTCMilliseconds()]]
getUTCMinutes()
根据世界时返回时间的分钟(0-59)
[[Now.getUTCMilliseconds()]]
getUTCMonth()
根据世界时返回日期中的月(1-12)
[[Now.getUTCMonth()]]
getUTCSeconds()
根据世界时返回时间的秒(0-59)
[[Now.getUTCSeconds()]]
Date.parse(datestring)
返回距 1970/1/1 之间的毫秒数
[[Date.parse(Now)]]
toDateString()
以字符串的形式获取日期
[[Now.toDateString()]]
toISOString()
以IOS格式(YYYY-MM-DDTHH:mm:ss.sssZ)获取日期
[[Now.toISOString()]]
toJSON()
以JSON格式(YYYY-MM-DDTHH:mm:ss.sssZ)获取日期
[[Now.toJSON()]]
toLocaleDateString()
以字符串格式(YYYY/MM/DD)获取本地日期
[[Now.toLocaleDateString()]]
toLocaleTimeString()
以字符串的格式(HH:mm:ss)获取当前时间
[[Now.toLocaleTimeString()]]
toLocaleString()
以字符串的格式(YYYY/MM/DD HH:mm:ss)获取日期时间
[[Now.toLocaleString()]]
toTimeString()
以字符串的格式获取日期时间时区
[[Now.toTimeString()]]
toUTCString()
以字符串的格式获取标准时间 (UTC)
[[Now.toUTCString()]]
Date.UTC(year,month,day,hour,min,sec,millisec)
获取指定时间与1970 年 1 月 1 日 00:00:00的世界标准时间相差的毫秒数,year指年份,month指月份,day指多少号,hour指小时,min指小时,sec指秒钟,millisec指毫秒数
[[Date.UTC(2020,12,12,12,12,12,120)]]
valueOf()
获取日期的原始值
[[Now.valueOf()]]
addYears(years)
增减年份,years为需要增减年份的数值,正数为增加负数为扣减。
[[Now.addYears(6)]]
addMonths(months)
增减月份,months为需要增减月份的数值,正数为增加负数为扣减。
[[Now.addMonths(-6)]]
addDays(days)
增减天数,days为需要增减的天数,正数为增加负数为扣减。
[[Now.addDays(6)]]
addHours(hours)
增减小时数,hours为需要增减的小时数,正数为增加负数为扣减。
[[Now.addHours(6)]]
addMinutes(minutes)
增减分钟数,minutes为需要增减的分钟数,正数为增加负数为扣减。
[[Now.addMinutes(6)]]
addSeconds(seconds)
增减秒数,seconds为需要增减的秒数,正数为增加负数为扣减。
[[Now.addSeconds(6)]]
addMilliseconds(ms)
增减毫秒数,ms为需要增减的毫秒数,正数为增加负数为扣减。
[[Now.addMilliseconds(6)]]
时间/日期函数常见都是用当前时间函数NOW搭配使用,也可以通过多个函数组合得到一个想要的结果
如:[[Now.addDays(-15).getDate()]] 获取15天前的日期是多少号
9、中继器/数据集函数
函数
说明
示例
返回结果
visibleItemCount
统计中继器中可见项数,分页情况下为当前页可见项数。在中继器内部中使用则直接通过[[Item.Repeater.visibleItemCount]]使用。在中继器外部调用此属性需要先声明局部变量通过局部变量调用,如:[[LVAR1.visibleItemCount]]。多见于在外部使用,用于显示中继器中的当前页记录数
[[LVAR1.visibleItemCount]]
可见的项数
ItemCount
统计中继器中有效项数,注:如果进行了筛选,项目列表的有效项数量则是筛选后的数量。在中继器内部中使用则直接通过[[Item.Repeater.ItemCount]]使用。在中继器外部调用此属性需要先声明局部变量通过局部变量调用,如:[[LVAR1.ItemCount]] 。多见于在外部使用,用于显示中继器中筛选后的记录数。
[[LVAR1.ItemCount]]
有效项数量
dataCount
统计中继器中数据源的总行数,不受分页、筛选影响。在中继器内部中使用则直接通过[[Item.Repeater.dataCount]]使用。在中继器外部调用此属性需要先声明局部变量通过局部变量调用,如:[[LVAR1.dataCount]] 。多见于在外部使用,用于显示中继器中的数据源的总记录数。
[[LVAR1.dataCount]]
数据源数据行数
pageCount
统计中继器中的总页数。在中继器内部中使用则直接通过[[Item.Repeater.pageCount]]使用。在中继器外部调用此属性需要先声明局部变量通过局部变量调用,如:[[LVAR1.pageCount]] 。多见于在外部使用,用于显示中继器分页后的总页数。
[[LVAR1.pageCount]]
总页数
pageIndex
获取中继器的页面,即当前是在中继器的第几页。在中继器内部中使用则直接通过[[Item.Repeater.pageIndex]]使用。在中继器外部调用此属性需要先声明局部变量通过局部变量调用,如:[[LVAR1.pageIndex]] 。多见于在外部使用,用于显示中继器分页后的当前页是第几页。
[[LVAR1.pageIndex]]
当前页的页数
Item
获取数据集一行数据的集合,即数据行的对象。一在中继器每项加载时设置对应加载内容,在更新行、筛选的时候也会用到作为条件,如: [[Item.Column0]]
[[Item.Column0]]
当期项指定列中的数据
index
获取数据行的索引编号,编号起始为1,由上至下每行递增1。index只能获取当前可见项的索引编号(如分页之后,第1页第2页index都是从1开始)
[[Item.index]]
index索引数值
isFirst
判断数据行是否为第1行;如果是第1行,返回值为“True”,否则为“False”。只能对当前可见项进行判断,常见于对数据集中的数据进行逻辑处理
[[Item.isFirst]]
True/False
isLast
判断数据行是否为最末行;如果是最末行,返回值为“True”,否则为“False”。只能对当前可见项进行判断,常见于对数据集中的数据进行逻辑处理
[[Item.isLast]]
True/False
isEven
判断数据行是否为偶数行;如果是偶数行,返回值为“True”,否则为“False”。只能对当前可见项进行判断,常见于对数据集中的数据进行逻辑处理
[[Item.isEven]]
True/False
isOdd
判断数据行是否为奇数行;如果是奇数行,返回值为“True”,否则为“False”。只能对当前可见项进行判断,常见于对数据集中的数据进行逻辑处理
[[Item.isOdd]]
True/False
isMarked
判断数据行是否为被标记;如果被标记,返回值为“True”,否则为“False”。只能对当前可见项进行判断,常见于对数据集中的数据进行逻辑处理
[[Item.isMarked]]
True/False
isVisible
判断数据行是否为可见行;如果是可见行,返回值为“True”,否则为“False”。只能对当前可见项进行判断,常见于对数据集中的数据进行逻辑处理
[[Item.isVisible ]]
True/False
10、布尔运算符
函数
说明
返回结果
==
等于
True/False
!=
不等于
True/False
<
小于
True/False
<=
小于或等于
True/False
>
大于
True/False
>=
大于或等于
True/False
&&
并且,并且运算符左右两边结果必须为布尔值(true/false),必须是左右两边都为true时才会进入条件范围内
True/False
||
或者,并且运算符左右两边结果必须为布尔值(true/false),必须是左右两边至少有一个为true时才会进入条件范围内
True/False
布尔运输符主要用于对两个或多个值/对象进行比较判断,最终返回True、False,常见在交互事件中添加条件。如下图通过判断元件内输入的文字长度是否等于0,等于0则返回True,返回True则进入范围内容交互动作(下图必填项验证)
目录
1、元件函数
2、页面函数
3、窗口函数
4、鼠标指针函数
5、数字函数
6、字符串函数
7、数学运算符与数学函数
8、时间/日期处理函数
9、中继器函数
10、布尔运算符
目录
↑ top
1、元件函数
2、页面函数
3、窗口函数
4、鼠标指针函数
5、数字函数
6、字符串函数
7、运算符与数学函数
8、时间/日期处理函数
9、中继器函数
10、布尔运算符
返回首页
PM老猫首页