0岁的产品经理Axure连载Axure原型设计

AXURE-027-函数-图解版

2019-04-30  本文已影响3人  duomi88

为了保证这一系列连载的完整性,虽然网上已经有许多资料,这里还是统一整理出来,对一些概念比较含糊的或者网上解释有问题的做了实例解释。

文章后面提供完整文档下载!


封面

一、函数入口

函数主要用在给元件设置事件时,包括设置条件和设置值时:

设置条件时

函数入口-条件设置

设置值时

函数入口-设置值时

二、函数说明

1)元件函数

This

获取当前元件对象。

当前元件是指要为其添加交互事件的元件,而非要进行控制的元件,注意个下面的Target区分开。

如下图:

this和target

Target

目标元件对象。指在交互事件中要进行控制的元件,比如值设置,旋转等。

x

获取this或者target元件的X轴坐标值。

y

获取this或者target元件的的Y轴坐标值。

width

获取this或者target元件的对象的宽度值。

height

获取this或者target元件的对象的高度值。

scrollX

获取this或者target元件的对象的水平滚动距离(当前仅限动态面板)。

scrollY

获取this或者target元件对象的垂直滚动距离(当前仅限动态面板)。

text

获取this或者target元件的对象的文本文字(实际显示文字)。

name

获取this或者target元件对象的名称。一般出现在概要中可以显示。

概要

top

获取his或者target元件对象的上边界坐标值。

left

获取his或者target元件对象的左边界坐标值。

right

获取his或者target元件对象的右边界坐标值。

bottom

获取his或者target元件对象的下边界坐标值。

opacity

获取元件对象的不透明比例。

rotation

获取his或者target元件对象的旋转角度。

注意这里是相对原始位置总共旋转的角度,并不是每一次旋转的角度。

2)鼠标指针函数

Cursor.x 

鼠标指针在页面中的X轴坐标。

Cursor.y

鼠标指针在页面中位置的Y轴坐标。

DragX

鼠标指针沿X轴拖动元件时的瞬间(网上说0.01秒,基本上不可控制)拖动距离。很少使用

DragY

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

TotalDragX

注意是指每次相对于上一次的开始位置,并不是相对于初始位置。

TotalDragY

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

DragTime

鼠标指针拖动元件从开始到结束的总时长。单位毫秒

3)Axure RP窗口函数

Window.width

打开原型页面的浏览器当前宽度。注意不包含滚动条的宽度,即使你全屏了。

Window.height

打开原型页面的浏览器当前高度。解释同上。

Window.scrollX

浏览器或者动态面板中页面水平滚动的距离。

scrollX

Window.scrollY

浏览器中页面垂直滚动的距离。

scrollY

4)页面函数

PageName

获取当前页面的名称。

5)数字函数

toExponential(decimalPoints)

把数值转换为指数计数法。参数:decimalPoints为保留小数的位数。

例如:[[12.126.toExponential(2)]]  = 1.21e+1

toFixed(decimalPoints)

将一个数字转为保留指定位数的小数,小数位数超出指定位数时进行四舍五入,如果超过实际小数位,则补充0。参数:decimalPoints为保留小数的位数。

例如:[[12.126.toFixed(2)]]  =  1.13;  [[12.126.toFixed(5)]]  =  1.12600;

toPrecision(length)

把数字格式化为指定的长度。实际位数超出指定位数时进行四舍五入 ,制定位数超过实际位数不补充0。参数:length为格式化后的数字长度,小数点不计入长度。

例如:[[12.11. toPrecision (2)]]  =  12;  [[12.126.toPrecision (1)]]  =  1;      [[12.126. toPrecision  (3)]]  = 12.1;      [[12.126. toPrecision  (4)]]  = 12.13;

6)数学函数

Math.abs(x)

计算参数数值的绝对值。 参数:x为数值。

例如:[[Math.abs(-123)]] = 123

三角函数

三角函数

Math.acos(x)

获取一个数值的反余弦弧度值,

Math.asin(x)

获取一个数值的反正弦值。

Math.atan(x)

获取一个数值的反正切值。

Math.atan2(y,x)

获取某一点(x,y)的角度值。

Math.ceil(x)

向上取整函数,获取大于或者等于指定数值的最小整数。

Math.cos(x)

余弦函数。

Math.sin(x)

用途:正弦函数。

Math.sqrt(x)

用途:平方根函数。

Math.tan(x)

正切函数。 参数:x为弧度数值。

Math.exp(x)

指数函数,计算以e为底的指数。

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之间的随机数。 示例:获取0-100之间的随机小数,计算公式为Math.random()*100。

7)时间函数

Now

获取当前计算机系统日期对象。

例如:Now=Mon Apr 29 2019 16:07:23 GMT+0800 (中国标准时间)

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)。

8)字符串函数(常用的javascript函数)

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()

将一个逻辑值转换为字符串。

9)中继器函数(实际原型中比较少用)

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”。


~完~

完整文档下载

链接:https://pan.baidu.com/s/1lIq-q6H2fhFo0l3xD7IRsw

提取码:4whb


18岁提示:以上文件完成于axure 8版本。

定期会将组件整理成完整文件统一发布。

原创文章,转载请标明出处。

感谢阅读和关注!

上一篇下一篇

猜你喜欢

热点阅读