axure 表达式
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)布尔== ！= <<= >>= && ||概述摘要length 字符串的长度定义和用法 length 属性可返回字符串中的字符数目。
Axure教程 axure新手入门基础(二)
Axure教程关于Axure rp触发事件中IF和ELSE IF的使用说明（6）IF=如果ELSE IF=否则，如果举例：事件“天气变化时”用例1：IF True 下雨执行带伞用例2：ELSE IF 下冰雹执行戴钢盔用例3：ELSE IF True 执行什么都不带什么意思呢？在Axure里，默认一个事件中的每个用例都是有关联的，是由上至下来执行的，上面的示例用白话来说就是：当天气变化时，如果（IF）是（True）下雨，就带伞，否则（ELSE）如果（IF）是下冰雹，是的话戴钢盔，否则（ELSE）如果（IF）真的（True）不下雨也不下冰雹就什么都不带。
举例2：事件“检查性别时”IF True 男的站左边IF True 女的站右边这个例子是说,如果（IF）真的（True）是男的站左边，如果（IF）真的（True）是女的站右边。
这里没有第三种情况了，那就是说只要不符合上面两种情况，就没有任何动作。
不知道这样的解说清不清楚，希望大家能够理解。
我们曾经对axure线框图基本元件进行过说明，现结合这我对这些元件的使用习惯，对部分元件的使用，再做一些补充。
1、图片：可以编辑悬停、按下时候显示不同的图片，做图片的一些特殊效果。
2、文本（lable）：这个元件到处都能用得到，这个元件是可以通过事件触发改变元件文字的，可以通过全局变量，实现如登陆前后不同的文字提示效果。
对我来说这个元件还有一个用处就是除错，因为axure没有调试器，所以当因为变量值出现问题导致交互效果无法出现的时候，我通常会在调用变量时顺便加上一个动作，拖进去一个文本，让文本文字等于变量值，这样就能一目了然的看到是不是因为变量值不正确出的错。
3、矩形：这个也是最常用的axure元件之一，常见的使用方式我就不说了，我对矩形的使用，我通常是把矩形拖进编辑区然后根据需要调整好大小，再转换成动态面板，这样做比拖入动态面板-调整大小-双击状态-拖入矩形-调整大小，要省很多的事。
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、变量
变化的值
需要计算
更复杂的逻辑处理
Axure教程axure新手入门基础(一)
Axure教程axure新手入门基础（1）名词解释：线框图：一般就是指产品原型，比如：把线框图尽快画出来和把原型尽快做出来是一个意思。
axure元件：也叫axure组件或axure部件，系统自带了一部分最基础常用的，网上也有很多别人做好的，软件使用到一定阶段可以考虑自己制作元件，以便提高产品原型的制作速度。
生成原型：是指把绘制好的原型通过axure rp生成静态的html页面，检查原型是否正确，同时，方便演示。
建议生成时选择用谷歌浏览器打开（第一次会有提示安装相关插件），ie会每次都有安全提示，不如谷歌浏览器方便。
（一）Axure rp的界面1-主菜单工具栏：大部分类似office软件，不做详细解释，鼠标移到按钮上都有对应的提示。
2-主操作界面：绘制产品原型的操作区域，所有的用到的元件都拖到该区域。
3-站点地图：所有页面文件都存放在这个位置，可以在这里增加、删除、修改、查看页面，也可以通过鼠标拖动调整页面顺序以及页面之间的关系。
4-axure元件库：或者叫axure组件库、axure部件库，所有软件自带的元件和加载的元件库都在这里，这里可以执行创建、加载、删除axure元件库的操作，也可以根据需求显示全部元件或某一元件库的元件。
5-母版管理：这里可以创建、删除、像页面头部、导航栏这种出现在每一个页面的元素，可以绘制在母版里面，然后加载到需要显示的页面，这样在制作页面时就不用再重复这些操作。
6-页面属性：这里可以设置当前页面的样式，添加与该页面有关的注释，以及设置页面加载时触发的事件onpageload。
7-元件属性：这里可以设置选中元件的标签、样式，添加与该元件有关的注释，以及设置页面加载时触发的事件；A-交互事件:元件属性区域闪电样式的小图标代表交互事件；B-元件注释：交互事件左面的图标是用来添加元件注释的，在这里我们能够添加一些元件限定条件的注释，比如：文本框的话，可以添加注释指出输入字符长度不能超过20。
Axure常用函数解析整理
[[LVAR1.Split(' ')]] 如果：LVAR1等于asd fg，则返回asd,fg
14
Substr
从起始索引号提取字符串中指定数目的字符
[[LVAR. Substr (start,stop)]]
15
Substring
提取字符串中两个指定的索引号之间的字符
[[LVAR. Substring (start,stop)]]
[[addHour(hours)]]
35
addMinute
返回一个新的DateTime ，它将指定的分钟数加到此实例的值上
[[addMinute(minutes)]]
36
addSecond
返回一个新的DateTime ，它将指定的秒钟数加到此实例的值上
[[addSecond(seconds)]]
37
以字符串的形式返回采用ISO格式的日期。
[[toISOString()]]
24
toJSON
用于允许转换某个对象的数据，以进行JavaScript Object Notation （JSON）序列化
[[toJSON()]]
25
toLocaleDateString
根据本地时间格式，把Date对象的日期格式部分转换为字符串。
[[LVAR. getDay ()]]
4
getDayOfWeek
返回一周中的某一天的英文名称
[[LVAR. getDayOfWeek ()]]
5
getFullYear
返回日期中四位数字的年
[[LVAR. getFullYear ()]]
6
getHours
返回日期中的小时 (0 ~ 23)
axure教程
优秀原型设计案例赏析
案例一
某社交应用原型设计
亮点
简洁的界面设计，清晰的社交功能布局，以及流畅的 交互体验。
启示
在社交应用的设计中，需要注重用户体验和社交功能 的完善性。
优秀原型设计案例赏析
案例二
某电商网站原型设计
亮点
丰富的商品展示方式，个性化的推荐功能，以 及便捷的购物流程。
启示
在电商网站的设计中，需要关注用户需求，提供多样化的商品展示和个性化的 推荐服务。
界面设计及交互实现
界面设计
运用Axure的设计工具，进行界面设 计，包括色彩搭配、图标设计、字体 选择等，打造美观且符合用户习惯的 界面。
交互实现
利用Axure的交互功能，为界面添加 交互效果，如点击、滑动、拖拽等， 提升用户体验。
原型测试与优化调整
原型测试
将设计好的原型进行测试，邀请目标用户参与，收集他们的反馈和建议，了解原型在实际使用中的表 现。
优秀原型设计案例赏析
案例三
某在线教育平台原型设计
亮点
生动的课程内容展示，互动性的学习体验， 以及完善的学习辅助功能。
启示
在线教育平台的设计需要注重课程内容的呈 现方式和学习体验的互动性。
03
Axure核心功能详解
页面管理
创建新页面
在Axure中，可以通过简单的操作创建新的页面，以满足不同设 计需求。
axure教程
目录 CONTENT
• Axure基础入门 • 原型设计基础 • Axure核心功能详解 • 高级功能应用与技巧 • 实战案例：从0到1完成一个APP
原型设计 • 总结与展望
01
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函数
用途 鼠标指针的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
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
axure 表达式
Axure表达式是Axure RP软件中的一种功能，它能够帮助用户更加灵活地控制交互效果和动态数据展示。
本文将从几个方面介绍Axure表达式的使用方法和注意事项。
一、什么是Axure表达式
Axure表达式是一种用于计算、控制和展示交互效果的功能。
通过使用Axure表达式，用户可以对页面元素进行动态控制，比如改变元素的大小、位置和状态等。
同时，Axure表达式还可以与动态数据进行交互，实现数据的动态展示和交互效果。
二、Axure表达式的使用方法
1.基本语法
Axure表达式的基本语法与常见的编程语言相似，包括变量、常量、运算符和函数等。
用户可以根据需要定义和使用变量，进行各种数学运算和逻辑判断。
2.内置变量和函数
Axure提供了一些内置变量和函数，用户可以直接使用，无需自己定义。
比如，"Target"变量表示当前触发事件的页面元素，"MouseX"和"MouseY"变量表示鼠标的坐标位置，"Math"函数库提供了各种数学运算函数等。
3.表达式的应用场景
Axure表达式可以应用于各种交互效果的实现中。
比如，通过改变元素的大小和位置，可以实现拖拽、缩放和旋转等效果；通过改变元素的状态，可以实现按钮的按下和弹起效果；通过与动态数据的交互，可以实现数据的实时更新和展示等。
三、Axure表达式的注意事项
1.语法错误检查
在使用Axure表达式时，需要注意语法的正确性。
Axure RP软件会实时检查表达式的语法错误，并给出相应的提示。
用户在编写表达式时，应仔细检查语法，确保表达式的正确性。
2.变量的作用域
在Axure表达式中，变量的作用域是有限的。
变量的作用范围只限于当前页面或当前组件内部。
如果需要在不同页面或组件之间共享变量，可以使用全局变量。
3.性能优化
在使用Axure表达式时，应注意性能优化。
复杂的表达式可能会导致页面加载缓慢，影响用户体验。
因此，应尽量简化表达式，避免不必要的计算和判断。
四、Axure表达式的实际应用
Axure表达式在实际的项目中有着广泛的应用。
比如，可以通过表达式实现表单的校验和动态提示；可以通过表达式实现页面的导航
和跳转；可以通过表达式实现数据的筛选和排序等。
总结：
Axure表达式是Axure RP软件中的一种功能，它可以帮助用户实现各种交互效果和动态数据展示。
通过学习和掌握Axure表达式的基本语法和使用方法，用户可以更加灵活地设计和展示页面交互效果。
在使用Axure表达式时，需要注意语法的正确性、变量的作用域和性能优化等问题，以提高页面的加载速度和用户体验。
在实际的项目中，Axure表达式具有广泛的应用价值，可以帮助用户实现各种复杂的交互效果和动态数据展示。