赞
踩
Axure的使用是产品经理画图的常用工具、必备技能,虽然原型图的绘制并不是产品经理的核心工作,但是产品经理的硬技能之一。
今天那我们分享下axure原型图的常用函数和变量。
一、函数
Axure函数分为元件函数、鼠标指针函数、窗口函数、页面函数、数字函数、数学函数、时间函数、字符串函数、中继器函数、布尔运算。
1、元件函数
This:指当前元件,一般后面配合其他函数使用,例如:this.x,this.y,this.text,this.width,this.height,可以快速获取当前元件指定的值。
Target:指目标元件,一般后面配合其他函数使用,例如target.x,target.y,target.text,target.width,this.height,可以快速获取目标元件指定的值。
x:在x轴对应的坐标值,例如:this.x,target.x,Cursor.x,LVAR1.x……
y:在y轴对应的数值,例如:this.y,target.y,Cursor.y,LVAR1.y……
width:获取对象的宽度,例如:this.width,target.width,LVAR1.height,window.height……
height:获取对象的宽度,例如:this.height,target.height,LVAR1.height,window.height……
scrollX:获取元件对象的水平滚动距离,一般为动态面板,或者浏览器窗口。
scrollY:获取元件对象的垂直滚动距离,一般为动态面板,或者浏览器窗口。
text:获取元件对象的文字,例如:this.text、target.text、LVAR1.text……
name:获取元件自定义名称的名字,例如:this.name、target.name、LVAR1.name……
Top:获取元件的上边界的y坐标值。例如this.top,target.top,LVAR1.top……
left:获取元件的左边界的x坐标值。例如this.left,target.left,LVAR1.left……
right:获取元件的右边界的x坐标值(元件的x坐标值+元件宽度)。例如this.right,target.right,LVAR1.right……
bottom:获取元件的下边界的y坐标值(元件的y坐标值+元件高度)。例如this.bottom,target.bottom,LVAR1.bottom……
opacity:元件的不透明度,0-100%之间,数字越小透明度越大,数字越大透明度越小,0为全透明,100%完全不透明。
rotation:获取元件已旋转的角度。
2、鼠标指针函数
Cursor.x:鼠标指针在页面中位置的X轴坐标,经常用于元件跟随鼠标指针的交互。
Cursor.y:鼠标指针在页面中位置的Y轴坐标,经常用于元件跟随鼠标指针的交互。
DragX:鼠标拖动瞬间(1毫秒)的水平拖动距离,一般而言,该函数只用于判断拖动方向,不用于判断拖动距离,如果数值为正数,则向右拖动;如果为负数,则向左拖动。
TotalDragX:鼠标拖动元件的水平拖动距离的合计数,即从开始拖动元件到结束拖动元件的x坐标轴距离,同样如果数值为正数,则向右拖动;如果为负数,则向左拖动,具体数值代表拖动的水平距离。
DragY:鼠标拖动瞬间(1毫秒)的垂直拖动距离,一般而言,该函数只用于判断拖动方向,不用于判断拖动距离,如果数值为正数,则向下拖动;如果为负数,则向上拖动。
TotalDragY:鼠标拖动元件的垂直拖动距离的合计数,即从开始拖动元件到结束拖动元件的y坐标轴距离,同样如果数值为正数,则向下拖动;如果为负数,则向上拖动,具体数值代表拖动的垂直距离。
DragTime:鼠标拖动元件的时间,即从开始拖动元件到结束拖动元件的总时长。这里注意单位是毫秒,1s=1000ms。
3、窗口函数
Window.width:获取当前窗口的宽度,经常用于设置背景自适应等场景。
Window.height:获取当前窗口的高度,经常用于设置背景自适应等场景。
Window.scrollX:页面水平滚动的距离,经常用于制作锚点菜单。
Window.scrollY:页面垂直滚动的距离,经常用于制作锚点菜单。
4、页面函数
PageName:获取当前页面的名称,可以当做页签使用,不需要自己填写,复制粘贴即可,从而提高效率。
5、数字函数
toFixed,指定数字的小数点位数,使用方法:如果n=1.232,[[n.toFixed(2)]]返回值1.23
toExponential,把对象的值转换为指数计数法,[[n. toExponential (参数)]]
toPrecision,把数字格式化为指定的长度如果n=1, [[n. toPrecision (6)]]返回值1.00000
6、数学函数
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为弧度数值。
7、时间函数
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)。
8、字符串函数
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”。
10、布尔运算
布尔函数 == 等于
!= 不等于
< 小于
<= 小于等于
> 大于
>= 大于等于
&& 并且
|| 或者
二、变量
什么是变量
变量是您可以在其中存储文本和数字(称为变量的“值”)以供以后使用的容器。您可以将变量的值显示在元件文本上,在条件逻辑语句中使用它,或使用函数表达式操作它。
变量的种类
Axure中的变量分为2种:全局变量 和 局部变量
1、全局变量
全局变量:主要是用于不同页面之间值的传递。
以Axure8.0为例
点击项目 → 全局变量
点击“+” 添加全局变量名称和默认值
也可以点击添加用例→ 全局变量
如何访问全局变量值?
您可以在条件字段和任何包含变量值或变量值长度的值选项的动作中访问一个全局变量的值。这些动作包括设置文本、设置选中和设置列表选中项等。
2、局部变量
局部变量:主要是用于指定页面内某个特定对象,往往和系统变量配合使用。
以Axure8.0为例
如何访问局部变量?
您可以在声明变量的编辑值对话框中访问括号表达式中局部变量的值。您可以直接在表达式中键入变量名称或从插入变量或函数中的局部变量列表中进行选择。
通过上面的文字和图片,简单地介绍了Axure中函数和变量的基本用法,相信对你的学习会有一些帮助
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。