Axure8变量与函数@Axure8系列教程
- 格式:pptx
- 大小:554.28 KB
- 文档页数:10
AxureRP8实战手册新手必须掌握得基础操作:本篇包含56种常见得基础操作,初学者应在掌握本篇内容后再进行实战案例篇得学习,以免产生学习障碍。
同时,建议具备一定基础得读者学习本篇中相对生疏得内容,并加以掌握。
一 Axure8.0基础教程(1-10)***********************************本文目录***********************************第1章使用元件基础1。
添加元件到画布基础2。
添加元件名称基础3. 设置元件位置/尺寸基础4. 设置元件默认角度基础5。
设置元件颜色与透明基础6、设置形状或图片圆角基础7. 设置矩形仅显示部分边框基础8. 设置线段/箭头/边框样式基础9、设置元件文字边距/行距基础10。
设置元件默认隐藏************************************正文************************************第1章使用元件基础1. 添加元件到画布在左侧元件库中选择要使用得元件,按住鼠标左键不放,拖动到画布适合得位置上松开。
(图1-1)基础2、添加元件名称在检视面板得元件名称文本框中输入元件得自定义名称,建议采用英文命名、建议格式:PasswordInput01或Password01名称含义:序号01得密码输入框格式说明:“Password”表示主要用途;“Input”表示元件类型,一般情况下可省略,当有不同类型得同名元件需要区分或名称不能明确表达用途得时候使用;“01”表示出现多个同名元件时得编号;单词首字母大写得书写格式便于阅读、(图1-2)基础3、设置元件位置/尺寸元件得位置与尺寸可以通过鼠标拖拽调整,也可以在快捷功能或元件样式中进行输入调整。
(图1—3)x:指元件在画布中得x轴坐标值。
y:指元件在画布中得y轴坐标值。
w:指元件得宽度值、h:指元件得高度值。
在输入数值调整元件尺寸时,可以在样式中设置,让元件【保持宽高比例】、(图1-4)基础4. 设置元件默认角度方式一:选择需要改变角度得元件,按住〈Ctrl>键得同时,用鼠标拖动元件得节点到合适得角度。
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软件提供的一些默认的变量函数,如设置变量的值、获取变量的值、进行运算等。
自定义变量函数是根据需求而定义的一些自定义函数,如计算两个变量的和、显示变量的值等。
二、常用的变量函数及其用法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,则执行相应的操作。
设计思想
形式1&形式2
首先,作图方面,给一个小建议:尽可能充分的利用辅助线;其实,逻辑条件方面,什么时候是页面载入完成时刻,什么时候是载入进行时,临界点是什么?这里,我们设置global variables(全局变量)——num,初始值为1,当每次一个小圆点或者正方形亮起时,num的值自动加1,当num=12时,即载入完成。
最后,基于逻辑条件下,判断是动态面板状态切换还是打开新的链接。
形式3
形式3的交互设计是一种基于视觉的定量的设计。
动态面板是有显示任意页面的功能的,即可以显示我们想让其显示的部分,而隐藏掉我们想要隐藏的部分。
明白这一点是很重要的。
那么,我们就可以画两个相同大小的矩形条,分别命名为progressbar和background。
页面载入时,progressbar 矩形条以不同的速度移入background矩形条中。
这就会在视觉上给人一种忽快忽慢的逼真的网页承载效果。
值得一提的是,case1和case2是按照设置的先后顺序,至上而下的运行的;但是在case1中具体的交互情景则是同时进行的。
所以,我们需要加入wait 3200ms这一交互设计。
元件函数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。
Axure8.0基础教程AxureRP8实战手册目录Axure8.0基础教程(1-10)AxureRP8实战手册 (1)Axure8.0基础教程(11-20)AxureRP8基础操作 (8)Axure8.0基础教程(21-30)新手必须掌握的基础操作 (15)Axure8.0基础教程(31-40)新手必须掌握的基础操作 (22)Axure8.0基础教程(41-50)新手必须掌握的基础操作 (28)Axure8.0基础教程(51-56)新手必须掌握的基础操作 (35)Axure8.0基础教程(1-10)AxureRP8实战手册本篇包含56种常见的基础操作,初学者应在掌握本篇内容后再进行实战案例篇的学习,以免产生学习障碍。
同时,建议具备一定基础的读者学习本篇中相对生疏的内容,并加以掌握。
本文目录基础1. 添加元件到画布基础2. 添加元件名称基础3. 设置元件位置/尺寸基础4. 设置元件默认角度基础5. 设置元件颜色与透明基础6. 设置形状或图片圆角基础7. 设置矩形仅显示部分边框基础8. 设置线段/箭头/边框样式基础9. 设置元件文字边距/行距基础10. 设置元件默认隐藏正文基础1. 添加元件到画布在左侧元件库中选择要使用的元件,按住鼠标左键不放,拖动到画布适合的位置上松开。
(图1-1)基础2. 添加元件名称文本框属性中输入元件的自定义名称,建议采用英文命名。
建议格式:PasswordInput01或Password01名称含义:序号01的密码输入框格式说明:“Password”表示主要用途;“Input”表示元件类型,一般情况下可省略,当有不同类型的同名元件需要区分或名称不能明确表达用途的时候使用;“01”表示出现多个同名元件时的编号;单词首字母大写的书写格式便于阅读。
(图1-2)基础3. 设置元件位置/尺寸元件的位置与尺寸可以通过鼠标拖拽调整,也可以在快捷功能或元件样式中进行输入调整。
(图1-3)x:指元件在画布中的x轴坐标值。
axure 变量函数
Axure 变量函数是一种功能强大的软件,可用于从表格中提取数
据并定制变量。
它将影响全球交互数据的收集、处理和书写方式。
通
过 Axure 变量函数,您可以从多个来源中提取数据,还可以将这些数
据分类或聚合为所需的格式,以生成可自定义的变量。
Axure 变量函数可用于以简单的方式建立可更新的字符和模型。
例如,通过从多个不同表格中提取数据并将其聚合计算,您可以创建
一个变量,以自动计算消费者收入的累计总和,而无需人工计算。
另外,Axure 变量函数还可用于从数据库中获取数据,并将其按特定的
分类条件抽取。
此外,您还可以利用 Axure 变量函数在当前上下文中
检索数据,比如检验输入的账户名称是否有效。
Axure 变量函数不仅可以改变您的设计,还可以改变实际的流程
开发拓扑。
它可以将函数和动态数据集与控件组合使用,以便以更有
效的方式开发拓扑。
例如,可以使用 Axure 变量函数来动态生成下拉
列表,而无需写任何额外的代码。
总之,Axure 变量函数是一种极有用的工具,可以帮助我们轻松
将复杂的数据和信息逐步转化为可视化、易于理解的形式。
妥善使用Axure 变量函数,我们可以获得更强大的数据可视化方式和设计模型,从而能够实现更高效的流程开发。
AxureRP8使用技巧定制搜索输入框制作搜索框/输入框的下拉列表跟随提示,分三种形式。
案例一:搜索框/输入框一案例二:搜索框/输入框二案例三:搜索框/输入框三一为基础,案例三以案例二为基础。
1、通过中继器的数据管理功能,在中继器显示前添加筛选动作,然后加载筛选出的各项。
注:在数据集添加数据列“SearchOption”。
2、在中继器数据集页面,添加数据列和数据。
3、在中继器数据集页面,在矩形框中,设置或增加显示数据列的元件(如文本标签、矩形、图片等)及名称。
4、回到主页面,添加中继器的交互事件,在“每项加载时”事件中,针对各数据列对应的元件设置文字显示。
5、在文本输入框元件为中继器“添加筛选”:选中文本输入框,选择交互事件“文本改变时”,在添加动作中选择中继器的“添加筛选”,然后在配置动作中选择中继器,设置动作条件。
最后编辑条件,也就是中继器的筛选要求,将符合条件的数据项选出。
使用字符串函数indexOf判断中继器的数据项是否包含文本框中的数据,如[[Item.SearchOption.indexOf(LVAR1)>=0]]其中LVAR1是为文本输入框的文字设置的局部变量。
1.搜索框/输入框一方法与步骤:1、从元件库拖入【文本框】和【中继器】,将【中继器】设置为“隐藏”。
2、选中【中继器】,在属性中设置名称(Name)为“RPL_SearchOption“。
如下图。
说明:此处【中继器】中的数据为步骤3中设置的数据集,【中继器】初始状态为空。
3、双击【中继器】,进入中继器配置页面。
在“数据集”中将第1列改名为“SearchOption”,并添加数据行。
如下图。
设置完成后,可以调整矩形框长、宽,返回原页面查看效果和调整元件位置。
4、在中继器配置页面选中矩形,选择样式,去掉矩形边框的上线。
如下图。
注:此处在Axure7.0中是在属性中选择形状(开口向上的矩形框)。
5、在中继器配置页面拖入【水平线】,调整位置及长度,使其位于矩形框的上部,长度等于矩形框长度。
axure函数与变量案例在Axure中,函数和变量是非常有用的工具,可以帮助我们更好地控制和管理原型的交互行为。
下面是一些Axure函数和变量的实际案例:1. 动态修改文字内容有时候我们需要根据用户的输入或选择来动态修改页面中的文字内容。
这时可以使用Axure的变量和函数来实现。
首先,在页面中定义一个变量,比如“text”。
然后在用户输入或选择时,可以通过事件触发来更新这个变量的值。
最后,将页面中需要动态修改的文本框的内容设置为“[[text]]”即可。
2. 控制页面的显示和隐藏有时候我们需要根据用户的操作或选择来显示或隐藏页面中的一些元素。
这时可以使用Axure的函数来实现。
比如,我们可以定义一个函数“showOrHide”,在函数中通过判断用户的操作或选择来决定要显示还是隐藏某些元素。
最后,在需要控制显示和隐藏的元素的事件触发时,调用这个函数即可。
3. 自定义表单验证在表单中进行验证可以帮助我们确保用户输入的数据是符合要求的。
但有时候标准的表单验证可能无法满足我们的需求。
这时可以使用Axure的函数和变量来自定义表单验证。
比如,我们可以定义一个函数“validateForm”,在函数中通过判断用户输入是否符合要求来返回验证结果。
我们还可以定义一些变量来保存表单需要验证的数据,比如用户名、密码等。
最后,在表单提交时,调用这个函数即可进行自定义的表单验证。
4. 控制动画效果在页面中添加动画效果可以增加用户的体验和吸引力。
但有时候我们需要根据用户的操作或选择来控制动画效果。
这时可以使用Axure的函数来实现。
比如,我们可以定义一个函数“animateElement”,在函数中通过修改元素的CSS属性来实现动画效果。
在需要控制动画的事件触发时,调用这个函数即可。
我们还可以通过变量来控制动画的速度、方向等参数。
Axure8.0基础教程手册目录1.添加元件到画布 (1)2.添加元件名称 (1)3.设置元件位置/尺寸 (2)4.设置元件默认角度 (3)5.设置元件颜色与透明 (3)6.设置形状或图片圆角 (4)7.设置矩形仅显示部分边框 (4)8.设置线段/箭头/边框样式 (5)9.设置元件文字边距/行距 (5)10.设置元件默认隐藏 (6)11.设置文本框输入为密码 (6)13.限制文本框输入字符位数 (8)14.设置文本框提示文字 (8)15.设置文本框回车触发事件 (8)16.设置鼠标移入元件时的提示 (9)17.设置矩形为其他形状 (9)18.设置自定义形状 (10)19.设置形状水平/垂直翻转 (11)20.设置列表框的内容 (11)21.设置元件默认选中/禁用 (11)22.设置单选按钮唯一选中 (12)23.设置元件不同状态的交互样式 (13)24.设置图片文本 (13)25.切割/裁剪图片 (14)27.调整元件的层级 (15)28.组合/取消组合元件 (16)29.转换元件为图片 (17)30.载入元件库 (17)31.切换元件库 (18)32.设置页面居中 (18)33.设置页面背景(图片/颜色) (19)34.设置页面颜色(草图/黑白) (20)35.添加条件判断 (21)36.设置条件逻辑关系 (22)37.用例条件转换 (22)38.全局变量设置 (23)39.局部变量设置 (24)40.公式的格式及类型 (25)41.设置形状并排显示细边框 (25)42.设置画布中的遮罩阴影 (26)43.显示/隐藏交互与说明编号 (26)44.显示/隐藏两侧的功能面板 (27)45.展开/收起/弹出/停靠/关闭功能面板 (27)46.关闭/恢复功能面板 (28)47.文件备份与恢复 (28)48.设置自适应视图 (29)49.快速预览查看原型 (30)50.生成HTML查看原型 (30)51.生成部分原型页面 (31)52.为原型添加标志 (32)53.发布原型到AXSHARE (32)54.重新生成当前页面 (34)55.移动设备设置 (34)56.WEB字体设置 (35)1.添加元件到画布在左侧元件库中选择要使用的元件,按住鼠标左键不放,拖动到画布适合的位置上松开。
AxureRP8怎么使⽤全局变量?Axure定义全局变量的⽅法Axure RP8中提供了全局变量和局部变量,通过变量的使⽤,能够设计出更加丰富的交互效果,该怎么定义全局变量额?下⾯我们就来看看详细的教程。
Axure RP v8.1.0.3382 Enterprise 中⽂特别版(附注册机+汉化包+安装教程)
类型:辅助设计
⼤⼩:83.2MB
语⾔:简体中⽂
时间:2019-04-26
查看详情
1、单击项⽬菜单|全局变量
2、打开全局变量窗⼝,能够看到,系统默认有⼀个叫OnLoadVariable的全局变量
3、新增全局变量:点击窗⼝中的绿⾊加号按钮,为变量重命名即可。
默认值可以为空,也可以设为0
4、删除变量:选择要删除的变量,点删除按钮即可。
5、也可以通过上下箭头实现变量上移或下移
6、局部变量⽤于某个交互效果设计过程中,点击检视|属性标签页,⿏标单击时事件
7、在弹出的⽤例编辑窗⼝中,左侧选择设置⽂件,在配置动作中勾选焦点元件
8、单击下⽅的FX按钮,在弹出的窗⼝中选择添加局部变量,就能够实现局部变量的新增。
以上就是Axure定义全局变量的⽅法,希望⼤家喜欢,请继续关注。
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”。