axure常用变量和函数
axure常用函数

axure常用函数Axure是一款著名的原型设计工具,它提供了丰富的函数库,可以帮助设计师快速实现各种交互效果和动态功能。
下面我将介绍一些常用的Axure函数,希望能对大家的设计工作有所帮助。
1. setPageTitle()函数:这个函数可以用来设置页面的标题。
在实际的项目中,我们经常需要根据用户的操作动态修改页面的标题,通过调用这个函数,我们可以实现这个功能。
2. setPanelState()函数:这个函数可以用来设置面板的状态。
在设计网页或移动应用时,我们经常需要设计一些可折叠或可展开的面板,通过调用这个函数,我们可以实现面板的状态切换。
3. addClass()函数:这个函数可以给元素添加一个类。
在设计中,我们经常需要为某个元素添加样式或动画效果,通过调用这个函数,我们可以给元素添加一个类,然后在CSS中定义对应的样式。
4. removeClass()函数:这个函数可以从元素中移除一个类。
与addClass()函数相反,通过调用这个函数,我们可以移除元素的某个类,从而取消对应的样式或动画效果。
5. scrollTo()函数:这个函数可以实现页面的滚动效果。
在设计长页面时,我们经常需要实现点击某个链接后页面平滑滚动到目标位置的效果,通过调用这个函数,我们可以实现这个功能。
6. show()函数和hide()函数:这两个函数可以分别用来显示和隐藏元素。
在设计交互效果时,我们经常需要根据用户的操作显示或隐藏某个元素,通过调用这两个函数,我们可以实现这个功能。
7. fadeIn()函数和fadeOut()函数:这两个函数可以分别用来淡入和淡出元素。
在设计过程中,我们经常需要实现元素的渐显或渐隐效果,通过调用这两个函数,我们可以实现这个功能。
8. dragAndDrop()函数:这个函数可以实现元素的拖拽功能。
在设计交互效果时,我们经常需要实现元素的拖拽排序或拖拽移动功能,通过调用这个函数,我们可以实现这个功能。
Axure8变量与函数@Axure8系列教程

1、添加矩形元件,命名
X=(窗口的宽度-矩形的宽度)/2
Y=(窗口的高度-矩形的高度)/2
2、计算位置 [[(Window.width-LVAR1.width)/2]] [[(Window.height-LVAR1.height)/2]]
6
常用函数和属性 1、中继器/数据集:总量、总页数、当前页 8、数学:随机数 9、日期:年、月、日、分、秒 10、布尔
2、元件:宽度、高度、位置、文本…
3、页面:页面名称
4、窗口:窗口宽度、窗口高度、位置
5、鼠标指针 6、数字:精度处理 7、字符串:截取、索引、长度…
7
小结 非常重要!
元件变量与函数
字符变量与函数
8
Any Question?
问题?
9
谢谢大家!
10
[[变量]]
当value=5时 2+[[value+1]]
8
2+6
右边的表达式结果是什么
2、全局变量在不同页面的应用 支持在不同页面之间共享,“全局”
4
局部变量 1、带有变量支持的输入框
临时使用
2、临时变量的类型
元件文字
被选项 变量值 焦点元件文字 元件:使用元件属性
5
例子 移动矩形到浏览器窗口中央位置
Axure8变量与函数
——Axure8系列教程
朱传明 @MISO_PPD
1ห้องสมุดไป่ตู้
目
录 1、变量与函数的概念
2、全局变量
3、局部变量
4、例子
5、常用函数 6、小结
2
变量与函数的概念 1、变量
变化的值
需要计算
更复杂的逻辑处理
axure9 函数

axure9 函数
Axure9是一种原型设计工具,它包含了一些可以帮助用户创建交互原型的函数。
以下是Axure9中常用的一些函数:
1. Set Text:用于设置文本框或标签的文本内容。
2. Hide:用于隐藏网页元素。
3. Show:用于显示网页元素。
4. Move:用于移动网页元素。
5. Resize:用于调整网页元素的大小。
6. Open Link:用于打开一个链接,或在新窗口或当前窗口中打开链接。
7. Set Panel State:用于设置面板模块的状态。
8. Toggle Panel State:用于切换面板模块的状态。
9. Set Value:用于设置表单控件的值。
10. Submit Form:用于提交表单。
11. Play Audio / Play Video:用于播放音频或视频。
12. Set Selected:用于设置列表或下拉框中选定的项。
13. Set Checked:用于设置复选框或单选框的选中状态。
14. Set Focus:用于为网页元素设置焦点。
15. Wait:用于设置脚本中的等待时长。
axure函数与变量案例

axure函数与变量案例在Axure中,函数和变量是非常有用的工具,可以帮助我们更好地管理和控制交互行为。
下面是一些常见的Axure函数与变量案例: 1. 变量:购物车数量在一个电商网站中,我们需要跟踪用户购物车中的商品数量。
为此,可以使用一个名为“购物车数量”的变量,并在用户添加商品时更新它。
在页面上,我们可以通过引用这个变量来显示当前购物车中的商品数量。
2. 函数:验证表单输入当用户提交一个表单时,需要验证用户输入的内容是否符合要求。
为此,可以使用一个名为“验证表单输入”的函数,它会检查表单中的各个字段是否为空或格式是否正确。
如果有任何错误,函数将返回一个错误消息,否则将返回一个空值。
3. 变量:当前页面在一个多页面应用中,我们需要跟踪当前显示的页面。
为此,可以使用一个名为“当前页面”的变量,并在每个页面的加载事件中更新它。
在页面上,我们可以使用这个变量来显示当前页面的标题或在导航菜单中高亮当前选中的页面。
4. 函数:倒计时在一些应用中,我们需要显示一个倒计时计时器。
为此,可以使用一个名为“倒计时”的函数,它会根据指定的时间间隔更新剩余时间,并在倒计时结束时触发一个事件。
在页面上,我们可以使用这个函数来显示剩余时间和启动倒计时。
5. 变量:用户角色在一个权限管理系统中,我们需要区分不同的用户角色并显示不同的界面。
为此,可以使用一个名为“用户角色”的变量,并在用户登录时更新它。
在页面上,我们可以使用这个变量来显示不同的功能或菜单项,以反映当前用户的角色。
总之,Axure函数和变量是非常有用的工具,可以帮助我们更好地控制交互功能和界面布局。
当您设计Axure原型时,不要忘记利用它们。
axure 变量函数

axure 变量函数Axure变量和函数是AxureRP中非常重要的功能,它们可以用来保存和操作数据,以及简化交互设计的过程。
在本文中,我们将介绍Axure变量和函数的基本概念和用法,帮助你更好地利用这些功能来创建高效的交互原型。
一、变量Axure变量是用来存储数据的,可以是数字、文本、布尔值等。
通过使用变量,我们可以在交互设计中传递数据,实现动态的交互效果。
下面是一些常见的变量操作:1. 创建变量在Axure RP中,创建变量非常容易。
只需要在“变量”面板中点击“新建变量”按钮,然后输入变量的名称和初始值即可。
例如,我们可以创建一个名为“count”的变量,初始值为0。
2. 赋值通过“设置变量值”操作,我们可以将一个变量的值设置为另一个变量、表达式或常量。
例如,我们可以将“count”的值加1,即“设置变量值 count = count + 1”。
3. 读取变量通过“获取变量值”操作,我们可以读取一个变量的值,并将其传递给其他组件。
例如,我们可以将变量“count”的值显示在一个文本框中。
4. 变量操作Axure提供了一些常用的变量操作,如加、减、乘、除、取模等。
这些操作可以用于数学计算、字符串操作等。
二、函数Axure函数是一种特殊的变量,用于执行一些特定的操作。
Axure 提供了一些内置函数,如数学函数、字符串函数、日期函数等。
下面是一些常用的函数操作:1. 字符串函数Axure提供了一些常用的字符串函数,如合并、分割、替换等。
这些函数可以用于字符串的处理和格式化。
例如,我们可以使用“合并字符串”函数将多个字符串合并为一个字符串。
2. 数学函数Axure提供了一些常用的数学函数,如四舍五入、随机数、绝对值等。
这些函数可以用于数值的计算和处理。
例如,我们可以使用“四舍五入”函数将一个浮点数保留两位小数。
3. 日期函数Axure提供了一些常用的日期函数,如获取当前日期、日期格式化、日期计算等。
axure变量函数

axure变量函数Axure变量函数是Axure软件中的一种功能,用于在交互原型设计中对变量进行操作和处理。
通过使用变量函数,可以在设计过程中模拟真实的用户行为和交互,增强原型的交互性和可用性。
本文将从什么是Axure 变量函数、常用的变量函数及其用法、Axure变量函数的优点和缺点等方面进行详细介绍。
Axure变量函数是一种用于操作和处理变量的功能,可以在Axure原型设计中模拟各种用户行为和交互。
通过使用变量函数,可以实现数据的存储、获取、计算和展示等功能,使得原型更加真实和可交互。
Axure变量函数主要分为系统变量函数和自定义变量函数两种。
系统变量函数是Axure软件提供的一些默认的变量函数,如设置变量的值、获取变量的值、进行运算等。
自定义变量函数是根据需求而定义的一些自定义函数,如计算两个变量的和、显示变量的值等。
二、常用的变量函数及其用法1. 设置变量的值(Set Variable)该函数用于设置变量的值。
可以通过该函数将一个值或一个表达式的值赋给一个变量,如Set Variable {var1} to 10,意味着将变量var1的值设置为10。
2. 获取变量的值(Get Variable)该函数用于获取变量的值。
可以通过该函数获取一个变量的值,并在交互原型中进行展示或其他操作,如Set Text of Textfield to Get Variable {var1}表示将变量var1的值设置为一个输入框的文本。
3. 变量的运算(Variable Math)该函数用于对变量进行数学运算。
可以通过该函数对变量进行加减乘除等运算,如Variable Math {var1} plus 5表示将变量var1的值加54.条件判断(If)该函数用于进行条件判断。
可以通过该函数判断一个条件是否成立,然后执行相应的操作,如If {var1} is Greater than 10表示如果变量var1的值大于10,则执行相应的操作。
axure函数

axure函数Axure RP 是一种用于创建交互式原型的工具,它提供了一套强大的函数来帮助用户实现各种交互逻辑和动态效果。
在本文中,将介绍一些常用的 Axure 函数,并简要说明它们的作用和用法。
1. Set Text(设置文本)Set Text 函数允许用户通过设置文本的方式来修改一些元素的文本内容。
例如,可以在按钮被点击时使用 Set Text 函数来改变按钮上显示的文本。
2. Show(显示)Show 函数用于将一些隐藏的元素显示出来。
用户可以在需要的情况下通过 Show 函数来显示被隐藏的元素,例如,在点击按钮时显示一个弹出窗口。
3. Hide(隐藏)Hide 函数与 Show 函数相反,它用于将一些元素隐藏起来。
与 Show 函数类似,用户可以在需要的情况下使用 Hide 函数来隐藏一些元素,例如,在点击按钮时隐藏一个下拉菜单。
4. Move(移动)Move 函数可以将一些元素从一个位置移动到另一个位置。
用户可以通过设置 Move 函数的参数来指定元素的起始位置和目标位置,从而实现元素的移动效果。
5. Resize(改变大小)Resize 函数用于改变一些元素的大小。
用户可以通过设置 Resize函数的参数来指定元素的起始大小和目标大小,从而实现元素的大小改变效果。
6. Rotate(旋转)Rotate 函数可以将一些元素进行旋转。
用户可以通过设置 Rotate函数的参数来指定元素的起始角度和目标角度,从而实现元素的旋转效果。
7. Fade In(淡入)Fade In 函数用于将一些元素从透明度为 0 渐变为透明度为 1,实现元素的淡入效果。
用户可以在需要的情况下使用 Fade In 函数来使一些元素以淡入的方式出现。
8. Fade Out(淡出)Fade Out 函数与 Fade In 函数相反,它用于将一些元素从透明度为1 渐变为透明度为 0,实现元素的淡出效果。
用户可以在需要的情况下使用 Fade Out 函数来使一些元素以淡出的方式消失。
axure函数

用途 鼠标指针的x坐标 鼠标指针的y坐标 鼠标x方向的瞬间拖动距离 鼠标y方向的瞬间拖动距离 鼠标总移动距离 鼠标移动总时长
浏览原型页面的浏览器的当前窗口宽度 浏览原型页面的浏览器的当前窗口高度 浏览器中页面滚动距离
获取当前页面名称
将数字转换为指数计数法 保留小数位数 保留指定有效位数
绝对值,x为参数 反余弦 反正弦 反正切 获取点x,y的角度值 向上取整函数 向下取整函数 正弦函数 余弦函数 e为底的指数 计算x的y次幂 e为底的对数 取一组数中的最大值 一组数中的最小值 产生0-1间的随机数 开平方
获取系统星期,1-31
获取当前字符串的长度 获取文本中指定位置的字符,起始位置为0 获取文本中指定位置的字符的unicode码,起始位置为0 将当前文本对象与另一个字符串连接 从左向右查看指定字符在当前文本里首次出现的位置,未查到时返回-1
用新的字符串代替文本中指定的字符串 从当前文本中截取指定起始位置到终止位置前的字符串 将文本对象中的与分隔符相同的字符转为“","形成多组字符串,并返回从左向右的指定字 符串 从当前文本指定起始位置开始截取一定长度的字符 从当前文本指定起始位置开始截取到指定位置的字符 将文本中大写转小写 将文本中小写转大写 去除当前文本两端的空格
Math.floor(1.9)=1 Math.max(1,3,5,9,8,7)=9 Math.sqrt(9.0)=3
[[Lvar.Length]] 如局部变量lvar存储A1234,[[Lvar.charAt(0)]]=A [[Lvar1.concat(‘'string')]] 如局部变量lvar存储A1234,[[lvar.indexOf('2')]]=2 例如局部变量存储了文本123@abc,[lvar.replace()[]] lvar:123456789,[[lvar.silce(4,-2)]]可获取45678,-2表示从后往前数 lvar:123456789,[[lvar.split('4',1)]]可获取123 lvar:123456789,[[lvar.substr(0,1)]]可获取1 lvar:19891107,[[lvar.substring(0,4)]]可获取1989
axure9 函数

axure9 函数
Axure9函数是用于AxureRP9交互设计软件的一组内置函数,它们能够帮助您快速创建和定制各种交互设计元素和效果,提升您的工作效率和设计能力。
Axure 9 函数分为以下几类:
1. 变量函数:用于创建和操作变量,如设置变量值、获取变量值、判断变量值等。
2. 逻辑函数:用于实现各种逻辑操作,如条件判断、循环、执行函数等。
3. 字符串函数:用于对字符串进行操作,如拼接、截取、转换大小写等。
4. 数学函数:用于进行数学运算,如加、减、乘、除、求余等。
5. 日期函数:用于处理日期和时间,如获取当前时间、计算时间差、格式化日期等。
6. 控件函数:用于操作和控制Axure RP中的各种控件,如隐藏、显示、禁用、启用、设置值等。
7. 窗口函数:用于操作和控制Axure RP中的窗口和页面,如打开、关闭、切换、跳转等。
Axure 9 函数在设计交互过程中非常实用,可以帮助您快速实现各种交互效果和功能。
掌握这些函数的使用方法,对于提升您的设计能力和效率非常有帮助。
- 1 -。
Axure 函数大全

Axure RP 8.0函数大全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用途:打开原型页面的浏览器当前高度。
AXURE常用的变量及函数

元件函数Widget.Width:获取元件的宽度,使用方法:通过局部变量获取[[LVAR. Width]];Widget.Height:获取元件的高度,使用方法:通过局部变量获取[[LVAR. Height]];Widget.X:获取元件左上顶点X坐标值,使用方法:通过局部变量获取[[LVAR. X]];Widget.Y:获取元件左上顶点Y坐标值,使用方法:通过局部变量获取[[LVAR. Y]];Widget. Left:获取元件左边界X坐标值,使用方法:通过局部变量获取[[LVAR. Left]];Widget. Top:获取元件顶部边界Y坐标值,使用方法:通过局部变量获取[[LVAR. Top]];Widget. Right:获取元件等右边界X坐标值,使用方法:通过局部变量获取[[LVAR. Right]];Widget. Bottom:获取元件底部边界Y坐标值,使用方法:通过局部变量获取[[LVAR. Bottom]];窗口函数Window.ScrollX:获取窗口横向滚动的当前坐标值;使用方法:[[Window. ScrollX]]Window.ScrollY:获取窗口纵向滚动的当前坐标值;使用方法:[[Window. ScrollY]]Window.width:获取窗口的宽度,使用方法:[[Window.width]]Window.height:获取窗口的高度,使用方法:[[Window. height]]鼠标函数Cursor.X:获取鼠标X轴坐标值,使用方法:[[Cursor.X]];Cursor.Y:获取鼠标Y轴坐标值,使用方法:[[Cursor.Y]]。
数字函数toFixed:指定数字的小数点位数,使用方法:如果n=1.232,[[n.toFixed(2)]]返回值1.23;toExponential :把对象的值转换为指数计数法,使用方法:[[n. toExponential (参数)]];toPrecision:把数字格式化为指定的长度:如果n=1, [[n. toPrecision (6)]]返回值1.00000。
axure9数字函数

axure9数字函数Axure 9数字函数:提升原型制作效率的秘密武器在原型设计中,我们经常需要用到各种数字函数来实现复杂的逻辑和交互效果。
Axure 9作为一款强大的原型设计工具,提供了丰富的数字函数,帮助我们快速高效地完成原型制作。
本文将介绍Axure 9中常用的数字函数,并详细解释其用法和实际应用场景,帮助读者更好地了解和使用这些函数。
1. random()函数random()函数用于生成一个0到1之间的随机数。
在原型制作中,我们经常需要模拟用户的随机行为,比如随机点击某个按钮或随机选择某个选项。
通过使用random()函数,我们可以轻松实现这些功能。
2. ceil()函数和floor()函数ceil()函数用于向上取整,即将一个小数取整为最接近的整数。
而floor()函数用于向下取整,即将一个小数取整为最接近但不大于该小数的整数。
这两个函数在原型制作中经常被用于计算和展示数据,比如将一个浮点型数据取整后显示在页面上。
3. pow()函数和sqrt()函数pow()函数用于计算一个数的幂次方,而sqrt()函数用于计算一个数的平方根。
这两个函数在某些特定场景下非常有用,比如计算某个数的百分比、计算某个数的平方等。
4. abs()函数abs()函数用于计算一个数的绝对值。
在原型制作中,我们经常需要计算两个数之间的差值,而这个差值可能是负数。
通过使用abs()函数,我们可以将负数转化为正数,方便进行后续的计算和展示。
5. round()函数round()函数用于对一个小数进行四舍五入取整。
在某些场景下,我们需要保留数据的小数部分,并且根据小数部分的大小进行取舍。
通过使用round()函数,我们可以轻松实现这个功能。
6. max()函数和min()函数max()函数用于计算一组数中的最大值,而min()函数用于计算一组数中的最小值。
在原型制作中,我们经常需要对一组数据进行比较和筛选,通过使用max()函数和min()函数,我们可以快速找到这组数据中的最大值和最小值。
axure9 函数

axure9 函数
Axure9是一款功能强大的原型设计工具,其内置了各种函数,
方便用户进行交互设计和数据操作。
以下是几个常用的 Axure9 函数: 1. 变量函数:通过设置变量,可以在交互中存储和传递数据。
常见的变量函数包括 setVariable 和 getVariable。
2. 条件函数:通过设置条件语句,可以在交互中控制元素的显
示和隐藏、样式的改变等。
常见的条件函数包括 if、else、elseif。
3. 数学函数:通过设置数学函数,可以进行数值计算和逻辑判断。
常见的数学函数包括 add、sub、mul、div、mod、greaterThan、lessThan 等。
4. 字符串函数:通过设置字符串函数,可以进行字符串的操作
和格式化。
常见的字符串函数包括 concat、substring、replace、indexOf、toLowerCase、toUpperCase 等。
5. 触发函数:通过设置触发函数,可以在交互中执行事件。
常
见的触发函数包括 onClick、onMouseOver、onMouseOut、onLoad 等。
以上是 Axure9 的部分函数,可以根据实际需求进行选择和使用。
同时,也可以通过 Axure9 的文档和社区进行学习和交流,进一步提高设计效率和质量。
- 1 -。
axure常用变量和函数

全局变量:OnLoadVariableabfilename中继器/数据集Item 中继器的项Item.Column0 中继器数据集的列名index 中继器项的索引isFirst 中继器的项是否第一个isLast 中继器的项是否最后一个isEven 中继器的项是否偶数isOdd 中继器的项是否奇数数isMarked 中继器的项是否被标记isVisible 中继器的项是否可见repeater 返回当前项的父中继器visibleItemCount 当前页面中所有可见项的数量itemCount 当前过滤器中的项的个数datacount 中继器数据集中所有项的个数pagecount 中继器中总共的页面数pageindex 当前的页数部件ThisTargetx: Widget.X:获取元件左上顶点X坐标值,使用方法:通过局部变量获取[[LVAR. X]];y: Widget.Y:获取元件左上顶点Y坐标值,使用方法:通过局部变量获取[[LVAR. Y]];width: Widget.Width:获取元件的宽度,使用方法:通过局部变量获取[[LVAR. Width]];height: Widget.Height:获取元件的高度,使用方法:通过局部变量获取[[LVAR. Height]];scorllxscorllytextnametop: Widget. Top:获取元件顶部边界Y坐标值,使用方法:通过局部变量获取[[LVAR. Top]];left: Widget. Left:获取元件左边界X坐标值,使用方法:通过局部变量获取[[LVAR. Left]];right: Widget. Right:获取元件等右边界X坐标值,使用方法:通过局部变量获取[[LVAR. Right]];bottom: Widget. Bottom:获取元件底部边界Y坐标值,使用方法:通过局部变量获取[[LVAR. Bottom]];页面PageName窗口Windows.width: Window.width:获取窗口的宽度,使用方法:[[Window.width]]Windows.height: Window.height:获取窗口的高度,使用方法:[[Window. height]] Windows.scrollX: Window.ScrollX:获取窗口横向滚动的当前坐标值;使用方法:[[Window. ScrollX]]Windows.scrollY: Window.ScrollY:获取窗口纵向滚动的当前坐标值;使用方法:[[Window. ScrollY]]光标位置Cursor.x: Cursor.X:获取鼠标X轴坐标值,使用方法:[[Cursor.X]];Cursor.y: Cursor.Y:获取鼠标Y轴坐标值,使用方法:[[Cursor.Y]]DragX:部件延X轴瞬间拖动的距离(拖动速度)DragY:部件延Y轴瞬间拖动的距离(拖动速度)TotalDragX:部件延X轴拖动的总距离TotalDragY:部件延Y轴拖动的总距离DragTime:部件拖动的总时间数字toExponential(decimalPoints): toExponential :把对象的值转换为指数计数法,使用方法:[[n. toExponential (参数)]];toFixed(decimalPoints): toFixed:指定数字的小数点位数,使用方法:如果n=1.232,[[n.toFixed(2)]]返回值1.23;toPrecision(length): toPrecision:把数字格式化为指定的长度:如果n=1, [[n. toPrecision (6)]]返回值1.00000;字符串LengthCharAt(index)charCodeAt(index)concat(“string”)indexOf(“searchValue”)lastindexOf(“searchValue”,start)replace(“searchValue”,”new value”)slice(start,end)split(“separator”,limit)substr(start,length)substring(from,to)toLowerCase()toUpperCase()trim()toString运算 (Math.XXXX(参数))+ - * / %abs(x):绝对值函数,使用方法 [[Math.Abs(-1)]],返回值1;acos(x):反余弦函数,[[Math.Acos(弧度)]];asin(x):反正弦函数,[[Math.Asin(弧度)]];atan(x):反正切函数,[[Math.Atan(弧度)]];atan2(y,x):返回给定的X及Y坐标值的反正切值,atan2(y,x);ceil(x):返回小数向上最接近的整数,使用方法[[Math.ceil(1.5)]],返回值2;cos(x):余弦函数,使用方法[[Math.cos(弧度)]];弧度=角度*圆周率/180;exp(x):指数函数,计算以e为底的指数,使用方法[[Math. exp (2)]],返回值7.3890560989306495;floor(x):返回小数向下最接近的整数,使用方法[[Math.floor(1.5)]],返回值1;log(x):对数函数,计算以e为底的对数值,使用方法[[Math.log(2)]],返回值0.6931471805599453;max(x,y):返回一个最大数值,使用方法[[Math.max(1,5,5.3,2,4)]],返回值5.3;min(x,y):返回一个最小数值,使用方法[[Math.min(1,5,5.3,2,4)]],返回值1;pow(x,y):幂函数,使用方法[[Math. pow (2,3)]],返回值8;random():返回一个0~1之间的随机数,使用方法 [[Math.Random()]];sin(x):正弦函数,使用方法[[Math.sin(弧度)]];弧度=角度*圆周率/180;sqrt(x):平方根函数,使用方法[[Math.sqrt(16)]],返回值4;tan(x):正切函数,使用方法[[Math.sin(弧度)]];日期NowGenDategetDate()getDaygetDayOfWeek()getFullYear()getHours()getMilliseconds()getMinutes()getMonth()getMonthName()getSecondes()getTime()getTimeZoneOffset()getUTCDate()getUTCDay()getUTCFullYear()getUTCHours()getUTCMilliseconds () getUTCMinutes()geUTCtMonth()getUTCSecondes()parse()toDateString()toISOString()toJSON()toLocalDateString() toLocalTimeString()toLocalString()toTimeString()toUTCString()UTC()vaiueOf()addYears(years)addMonths(months)addDays(days)addHours(hours)addMinutes(minutes)addSeconds(seconds) addMilliseconds(milliseconds)布尔== != < <= > >= && ||。
axure函数与变量案例

axure函数与变量案例Axure是一个非常强大的原型设计工具,它支持函数和变量的使用,让我们能够更加方便地构建复杂的原型界面。
下面是一些Axure 函数与变量的案例,供大家参考。
案例1:动态修改文本框内容如果要实现一个文本框的内容能够根据用户的输入动态地改变,可以使用以下的Axure函数和变量:1. 创建一个文本框,设置它的ID为text1。
2. 在文本框的“文本改变”事件中添加以下的代码:[[LVAR1=text1.text]]3. 在文本框的“页面加载”事件中添加以下的代码:[[GVAR1='默认文本内容']][[text1.text=GVAR1]]4. 在页面中添加一个按钮,设置它的ID为button1。
5. 在按钮的“单击”事件中添加以下的代码:[[GVAR1='新文本内容']][[text1.text=GVAR1]]上述代码使用了两个变量:局部变量LVAR1和全局变量GVAR1。
当页面加载时,全局变量GVAR1的值设置为默认文本内容,并将其赋值给文本框的文本属性。
当用户在文本框中输入内容时,使用LVAR1变量保存文本框的文本内容。
当用户单击按钮时,将全局变量GVAR1的值设置为新文本内容,并将其赋值给文本框的文本属性,从而实现了文本框内容的动态修改。
案例2:隐藏和显示组件如果要实现一个组件在用户单击按钮时隐藏或显示,可以使用以下的Axure函数和变量:1. 创建一个按钮,设置它的ID为button2。
2. 创建一个矩形,设置它的ID为rect1,并将其放置在页面上。
3. 在按钮的“单击”事件中添加以下的代码:[[if(rect1.visible==true){rect1.visible=false;}else{rect1.visible=true;}]]上述代码使用了if语句和visible属性。
当用户单击按钮时,首先判断矩形的visible属性是否为true,如果是,则将其设置为false,即隐藏矩形;如果不是,则将其设置为true,即显示矩形。
axure函数与变量案例

axure函数与变量案例在Axure中,函数和变量是非常有用的工具,可以帮助我们更好地控制和管理原型的交互行为。
下面是一些Axure函数和变量的实际案例:1. 动态修改文字内容有时候我们需要根据用户的输入或选择来动态修改页面中的文字内容。
这时可以使用Axure的变量和函数来实现。
首先,在页面中定义一个变量,比如“text”。
然后在用户输入或选择时,可以通过事件触发来更新这个变量的值。
最后,将页面中需要动态修改的文本框的内容设置为“[[text]]”即可。
2. 控制页面的显示和隐藏有时候我们需要根据用户的操作或选择来显示或隐藏页面中的一些元素。
这时可以使用Axure的函数来实现。
比如,我们可以定义一个函数“showOrHide”,在函数中通过判断用户的操作或选择来决定要显示还是隐藏某些元素。
最后,在需要控制显示和隐藏的元素的事件触发时,调用这个函数即可。
3. 自定义表单验证在表单中进行验证可以帮助我们确保用户输入的数据是符合要求的。
但有时候标准的表单验证可能无法满足我们的需求。
这时可以使用Axure的函数和变量来自定义表单验证。
比如,我们可以定义一个函数“validateForm”,在函数中通过判断用户输入是否符合要求来返回验证结果。
我们还可以定义一些变量来保存表单需要验证的数据,比如用户名、密码等。
最后,在表单提交时,调用这个函数即可进行自定义的表单验证。
4. 控制动画效果在页面中添加动画效果可以增加用户的体验和吸引力。
但有时候我们需要根据用户的操作或选择来控制动画效果。
这时可以使用Axure的函数来实现。
比如,我们可以定义一个函数“animateElement”,在函数中通过修改元素的CSS属性来实现动画效果。
在需要控制动画的事件触发时,调用这个函数即可。
我们还可以通过变量来控制动画的速度、方向等参数。
Axure RP 9互联网产品原型设计第七章 变量与表达式

分别将两个文本框元件命名为“用户名”和“密码”,将 登录按钮命名为“登录” 。选中登录按钮元件,在“交互编 辑器”对话框中为其添加“单击时”事件。
课堂操作
设置制作用户登录界面
单击“启用情形”按钮,弹出“情形编辑”对话框。单击 “添加条件”按钮新建条件,并设置各项参数。单击“添加行” 按钮,并设置各项参数。
设置条件
用来进行逻辑判断的值
元件文字长度:与变量值长度相似,只是它判断的是某个元 件的文本长度。
被选项:可以根据页面中某个复选框元件的选中与否来进行 逻辑判断。
禁用状态:某个元件的禁用状态。根据元件的禁用状态来判 断是否执行某个用例。
选中状态:某个元件的选中状态。根据元件是否被选中来判 断是否执行某个用例。
设置条件
用来选择被比较的值
此选项的值是和“用来进行逻辑判断的值”做比较的值, 选择的方式和“用来进行逻辑判断的值” 一样。例如选择比 较两个变量,刚才选择了第1 个变量的名称,现在就要选择 第2 个变量的名称。
设置条件
文本框
如果“用来选择被比较的值”选择的是“值”,那么就 要在文本框中输入具体的值。
课堂操作
使用全局变量
新建一个Axure RP 9文档。分别将“一级标题”元件和 “主要按钮”元件拖曳到页面中。分别将两个元件命名为“标 题”和“提交”,修改元件文本。
课堂操作
使用全局变量
在“交互编辑器”对话框中选择“页面载入时”事件。选 择“设置变量值”动作。
课堂操作
使用全局变量
单击“添加变量”选项,在弹出的“全局变量”对话框中 单击“添加”按钮,新建一个名为“wenzi”的全局变量。单 击“确定”按钮,设置动作的各项参数如下图所示。
AxureRP 8.0函数及运算符说明

AxureRP 8函数及运算符说明文档1.全局变量Global VariableOnLoadVariable用途:默认名称2.中继器/数据集Repeater/DataSetRepeater用途:中继器的对象。
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”。
Axure函数大全

1.wiggle 抖动wiggle(freq频率, amp振幅, octaves = 1细节, amp_mult = .5乘赋值, t = time)用法wiggle(5,200)2.random 随机random(数值x,数值y)是在数值x到数值y之间进行随机值的抽取,随机抽取的最小值是x,最大值是y用法:random(1,10)gaussRandom(),有10%会跳出范围seedrandom(随机的种子数,timeless) 1是ture 0是false用法:seedRandom(9, timeless = true);random(20,100)获得第9个随机数值并且不随时间变化。
每次复制后都会产生20到100的不同的随机数值。
noise -1到1的值Example: noise(time3)10区别noise关键帧之间有关联,更柔缓3.loopOut 循环loopOut(type=”循环类型”,numkeyframes=0)numKeyframes=0的话表示所有的关键帧都会循环循环类型四种:pingpong 如乒乓球一样来回运动cycle 周而复始的来回运动offset 叠加之前关键帧数值循环continue延续属性变化的最后速度用法:loopOut(type = “cycle”, numKeyframes = 0)4.time 时间valueAtTime(t)延迟效果用法:连接属性后边加上“.valueAtTime(time-(index-1)*0.1)”5.timeRemap 抽帧timeRemap数值,这里数值以帧为单位用法:在素材上鼠标右键时间重映射上输入timeRemap106.index 图层序号常见的就是把index丢到位置上做立体字,如[transform.position[0],transform.position[1],index],复制很多层就是立体字了丢到缩放上,如[transform.scale[0]+index,transform.scale[1]+index],复制很多层文字就慢慢变大了其他参数可以自己尝试7length(vec)矢量的长度length(point1, point2),两个点的长度lookAt(fromPoint, atPoint)从一个向量看向另一个向量应用:a=t yer(“cycle”).transform.position[0]b=yer(“cycle 2”).transform.position[0]length(a,b)a和b分别使用拉索工具链接到两个圆形位置的属性X值,这样文本层就可以即时获取到两个圆形的间距。
《AxureRP7.0函数变量运算符详解》

《AxureRP7.0函数变量运算符详解》部件属性 Widget Functionsthis:当前部件,指在设计区域中被选中的部件target:目标部件,指在用例编辑器中配置动作时选中的部件widget.x:部件的x轴坐标widget.y:部件的Y轴坐标widget.width:部件的宽度widget.height:部件的高度widget.scrollX:动态面板X轴的坐标widget.scrollY:动态面板Y轴的坐标widget.text:部件上的文字内容:部件的名称widget.top:部件的顶部widget.left:部件的左侧widget.right:部件的右侧widget.bottom:部件的底部窗口属性 Window FunctionsWindow.width:可返回浏览器窗口的宽度。
Window.height:可返回浏览器窗口的高度。
Window.scrollX:可返回鼠标滚动(滚动栏拖动)X轴的距离。
Window.scrollY:可返回鼠标滚动(滚动栏拖动)Y轴的距离。
日期函数 Date Functionsnow:根据计算机系统设定的日期和时间返回当前的日期和时间值。
genDate:输出AxureRP原型生成的日期和时间值。
getDate() :从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay() :从 Date 对象返回一周中的某一天 (0 ~ 6)。
getDayOfWeek() :返回基于计算机系统的时间周。
getFullYear() :从 Date 对象以四位数字返回年份。
getHours() :返回 Date 对象的小时 (0 ~ 23)。
getMilliseconds() :返回 Date 对象的毫秒(0 ~ 999)。
getMinutes() :返回 Date 对象的分钟 (0 ~ 59)。
getMonth() :从 Date 对象返回月份 (0 ~ 11)。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
全局变量:OnLoadVariableabfilename中继器/数据集Item 中继器的项Item.Column0 中继器数据集的列名index 中继器项的索引isFirst 中继器的项是否第一个isLast 中继器的项是否最后一个isEven 中继器的项是否偶数isOdd 中继器的项是否奇数数isMarked 中继器的项是否被标记isVisible 中继器的项是否可见repeater 返回当前项的父中继器visibleItemCount 当前页面中所有可见项的数量itemCount 当前过滤器中的项的个数datacount 中继器数据集中所有项的个数pagecount 中继器中总共的页面数pageindex 当前的页数部件ThisTargetx: Widget.X:获取元件左上顶点X坐标值,使用方法:通过局部变量获取[[LVAR. X]];y: Widget.Y:获取元件左上顶点Y坐标值,使用方法:通过局部变量获取[[LVAR. Y]];width: Widget.Width:获取元件的宽度,使用方法:通过局部变量获取[[LVAR. Width]];height: Widget.Height:获取元件的高度,使用方法:通过局部变量获取[[LVAR. Height]];scorllxscorllytextnametop: Widget. Top:获取元件顶部边界Y坐标值,使用方法:通过局部变量获取[[LVAR. Top]];left: Widget. Left:获取元件左边界X坐标值,使用方法:通过局部变量获取[[LVAR. Left]];right: Widget. Right:获取元件等右边界X坐标值,使用方法:通过局部变量获取[[LVAR. Right]];bottom: Widget. Bottom:获取元件底部边界Y坐标值,使用方法:通过局部变量获取[[LVAR. Bottom]];页面PageName窗口Windows.width: Window.width:获取窗口的宽度,使用方法:[[Window.width]]Windows.height: Window.height:获取窗口的高度,使用方法:[[Window. height]] Windows.scrollX: Window.ScrollX:获取窗口横向滚动的当前坐标值;使用方法:[[Window. ScrollX]]Windows.scrollY: Window.ScrollY:获取窗口纵向滚动的当前坐标值;使用方法:[[Window. ScrollY]]光标位置Cursor.x: Cursor.X:获取鼠标X轴坐标值,使用方法:[[Cursor.X]];Cursor.y: Cursor.Y:获取鼠标Y轴坐标值,使用方法:[[Cursor.Y]]DragX:部件延X轴瞬间拖动的距离(拖动速度)DragY:部件延Y轴瞬间拖动的距离(拖动速度)TotalDragX:部件延X轴拖动的总距离TotalDragY:部件延Y轴拖动的总距离DragTime:部件拖动的总时间数字toExponential(decimalPoints): toExponential :把对象的值转换为指数计数法,使用方法:[[n. toExponential (参数)]];toFixed(decimalPoints): toFixed:指定数字的小数点位数,使用方法:如果n=1.232,[[n.toFixed(2)]]返回值1.23;toPrecision(length): toPrecision:把数字格式化为指定的长度:如果n=1, [[n. toPrecision (6)]]返回值1.00000;字符串LengthCharAt(index)charCodeAt(index)concat(“string”)indexOf(“searchValue”)lastindexOf(“searchValue”,start)replace(“searchValue”,”new value”)slice(start,end)split(“separator”,limit)substr(start,length)substring(from,to)toLowerCase()toUpperCase()trim()toString运算 (Math.XXXX(参数))+ - * / %abs(x):绝对值函数,使用方法 [[Math.Abs(-1)]],返回值1;acos(x):反余弦函数,[[Math.Acos(弧度)]];asin(x):反正弦函数,[[Math.Asin(弧度)]];atan(x):反正切函数,[[Math.Atan(弧度)]];atan2(y,x):返回给定的X及Y坐标值的反正切值,atan2(y,x);ceil(x):返回小数向上最接近的整数,使用方法[[Math.ceil(1.5)]],返回值2;cos(x):余弦函数,使用方法[[Math.cos(弧度)]];弧度=角度*圆周率/180;exp(x):指数函数,计算以e为底的指数,使用方法[[Math. exp (2)]],返回值7.3890560989306495;floor(x):返回小数向下最接近的整数,使用方法[[Math.floor(1.5)]],返回值1;log(x):对数函数,计算以e为底的对数值,使用方法[[Math.log(2)]],返回值0.6931471805599453;max(x,y):返回一个最大数值,使用方法[[Math.max(1,5,5.3,2,4)]],返回值5.3;min(x,y):返回一个最小数值,使用方法[[Math.min(1,5,5.3,2,4)]],返回值1;pow(x,y):幂函数,使用方法[[Math. pow (2,3)]],返回值8;random():返回一个0~1之间的随机数,使用方法 [[Math.Random()]];sin(x):正弦函数,使用方法[[Math.sin(弧度)]];弧度=角度*圆周率/180;sqrt(x):平方根函数,使用方法[[Math.sqrt(16)]],返回值4;tan(x):正切函数,使用方法[[Math.sin(弧度)]];日期NowGenDategetDate()getDaygetDayOfWeek()getFullYear()getHours()getMilliseconds()getMinutes()getMonth()getMonthName()getSecondes()getTime()getTimeZoneOffset()getUTCDate()getUTCDay()getUTCFullYear()getUTCHours()getUTCMilliseconds () getUTCMinutes()geUTCtMonth() getUTCSecondes()parse()toDateString()toISOString()toJSON()toLocalDateString() toLocalTimeString() toLocalString()toTimeString()toUTCString()UTC()vaiueOf()addYears(years)addMonths(months)addDays(days)addHours(hours)addMinutes(minutes) addSeconds(seconds) addMilliseconds(milliseconds)布尔== != <<= >>= && ||元件函数、窗口函数、鼠标函数和数字函数的介绍元件函数Widget.Width:获取元件的宽度,使用方法:通过局部变量获取[[LVAR. Width]];Widget.Height:获取元件的高度,使用方法:通过局部变量获取[[LVAR. Height]];Widget.X:获取元件左上顶点X坐标值,使用方法:通过局部变量获取[[LVAR. X]];Widget.Y:获取元件左上顶点Y坐标值,使用方法:通过局部变量获取[[LVAR. Y]];Widget. Left:获取元件左边界X坐标值,使用方法:通过局部变量获取[[LVAR. Left]];Widget. Top:获取元件顶部边界Y坐标值,使用方法:通过局部变量获取[[LVAR. Top]];Widget. Right:获取元件等右边界X坐标值,使用方法:通过局部变量获取[[LVAR. Right]];Widget. Bottom:获取元件底部边界Y坐标值,使用方法:通过局部变量获取[[LVAR. Bottom]];窗口函数Window.ScrollX:获取窗口横向滚动的当前坐标值;使用方法:[[Window. ScrollX]]Window.ScrollY:获取窗口纵向滚动的当前坐标值;使用方法:[[Window. ScrollY]]Window.width:获取窗口的宽度,使用方法:[[Window.width]]Window.height:获取窗口的高度,使用方法:[[Window. height]]鼠标函数Cursor.X:获取鼠标X轴坐标值,使用方法:[[Cursor.X]];Cursor.Y:获取鼠标Y轴坐标值,使用方法:[[Cursor.Y]]。
数字函数toFixed:指定数字的小数点位数,使用方法:如果n=1.232,[[n.toFixed(2)]]返回值1.23;toExponential :把对象的值转换为指数计数法,使用方法:[[n. toExponential (参数)]];toPrecision:把数字格式化为指定的长度:如果n=1, [[n. toPrecision (6)]]返回值1.00000。
字符串函数的介绍charAt:返回指定位置的字符。
使用方法: [[LVAR. charAt(位数)]]charCodeAt:返回指定位置字符的 Unicode 编码。
使用方法:[[LVAR. charCodeAt (位数)]]Concat:连接字符串。
(暂未发现无实际用途)fromCharCode:从字符编码创建一个字符串。
(未测试成功)indexOf:检索字符串。
使用方法:[[LVAR. indexOf (‘字符串’)]]lastIndexOf:从后向前搜索字符串。
使用方法:[[LVAR. lastIndexOf (‘字符串’)]]Slice:提取字符串的片断,并在新的字符串中返回被提取的部分。
使用方法:[[LVAR. Split(start,end)]]Slice参数介绍:start 要抽取的片断的起始下标。