Axure RP 8.0函数大全 Axure函数手册用法及说明
AxureRP8实战手册

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>键得同时,用鼠标拖动元件得节点到合适得角度。
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、变量
变化的值
需要计算
更复杂的逻辑处理
2024版Axure8.0基础教程

通过设置交互事件和动作,测试原型的交互逻辑 是否正确、流畅。
兼容性测试
在不同设备和浏览器上测试原型的显示效果和交 互功能,确保良好的用户体验。
发布原型到云端或本地服务器
发布到Axure Cloud
通过Axure8.0内置的发布功能,可以将原型发布到Axure Cloud上,方便团队 成员在线查看和评审。
Axure8.0基础教程
目录
• Axure8.0概述与安装 • 基本操作与设置 • 交互设计基础 • 高级交互设计技巧 • 原型测试与发布 • 总结与展望
01 Axure8.0概述与 安装
Axure8.0简介及功能特点
专业的原型设计工具
Axure8.0是一款专业的原型设计 工具,支持快速创建高质量的交
对未来学习的建议与展望
• 深入学习Axure8.0的高级功能:在未来的学习中,建议学员们进一步探索Axure8.0的高级功能,如自定义函数、 复杂条件逻辑等,以应对更加复杂的设计需求。
• 关注行业动态与趋势:鼓励学员们关注UI/UX设计行业的最新动态和趋势,了解前沿的设计理念和技术,不断 提升自己的设计水平和竞争力。
交互样式
通过设置元素的交互样式,实现鼠标悬停、 点击等状态下的视觉效果。
案例:制作一个简单的交互式原型
设计界面布局
使用Axure8.0的组件和布局工具, 设计登录页面的布局和元素。
添加交互效果
为登录按钮添加点击事件,实现
跳转到另一个页面的效果;为输 入框添加输入验证,确保用户输
入正确的信息。
确定需求和目标
率等参数。
点击“保存”按钮,将项目保存在指定位置。建议将项目文件
03
和所有相关素材保存在同一个文件夹中,以便于管理。
AXURE_RP使用教程

AXURE RP 教程
脚注(Footnotes) 在控件上添加注释后,控件的右上角会显示一个黄色方块,称为
脚注。脚注号码可以增大和减小,可通过控件右键菜单或工具栏上的
进行修改。
AXURE RP 教程
4. 页面备注(Page Notes) 页面备注可是对页面进行描述和说明。 添加页面备注 在线框图下面的 Page notes 面板中可以添加页面备注内容。
向用户进行演示、 沟通交流以确认用户需求, 并能自动生成规格说明文档。 另外, Axure还
能让团队成员进行多人协同设计, 并对设计进行方案版本控制管理。 Axure使原型设计及和客户的交流方式发生了变革: 更加清晰的交流想法; 进行更加高效的设计; 让你体验动态的原型;
2 . 原型的作用和好处
制作 Prototype 是个有效的简化文档编制、吸引使用者参与、早期辨认需求遗漏、将外在需
AXURE RP 教程
自定义字段(Fields) 通过主菜单 Wireframe->Customize Annotation Fields and Views 或点击面板上 Annotations 头部的“Custommize Fields and Views” 然后在弹出的 Custommize Fields and , Views 对话框中可以添加、删除、修改、排序注释字段。
管理页面备注 另外,可以自定义页面备注,为不同的人提供不同的备注,以满足不同需要。比如可以新 增“测试用例”“操作说明”等不同类别的页面备注。
AXURE RP 教程
第3节 基本交互设计
1. 控件的交互
控件交互面板用于定义线框图中控件的行为,包含定义简单的链接和复杂的 RIA 行 为,所定义的交互都可以在将来生成的原型中进行操作执行。
AxureRP8.0函数大全Axure函数手册用法及说明

Axure RP 8.0函数大全Axure 函数手册用法及说明Axure RP 8.0 函数大全是根据小楼老师的《Axure RP 8 函数速查表》整理而来,方便大家查询。
这些函数不用去记,大概了解他们的用途即可。
需要的时候再来查一下就可以了。
在做课件的时候,将所有的函数用途和参数注解,整理了一份表格资料。
后来,觉得这个东西挺有用,所以,分享给大家当做参考资料。
函数能够提高原型的制作效率,但也容易导致画蛇添足。
如果是单纯的学习,建议通过一些有趣味的原型,多加锻炼使用。
这样在实际应用中,才能够手到拈来,随心所欲。
如果是用于工作,在不熟悉函数使用的情况下,尽量避免纠结于某个函数的使用,以免影响工作效率,得不偿失。
扎实学习,灵活使用。
这句话不仅适用于函数,也适用于Axure 以及其他的任何工具。
Axure 函数的基本语法在axure 交互设计时,函数可以用在条件公式和需要赋值的地方,其基本语法是用双方括号包含,变量值和函数用英文句号连接。
例如:[[LVAR. Width]] 表示变量LVAR 的宽度。
[[This. Width]] 当前元件的宽度元件函数This 用途:获取当前元件对象。
当前元件是指当前添加交互动作的元件。
Target 用途:获取目标元件对象。
目标元件是指当前交互动作控制的元件。
x 用途:获取元件对象的X 轴坐标值。
y 用途:获取元件对象的Y 轴坐标值。
width 用途:获取元件对象的宽度值。
height 用途:获取元件对象的高度值。
scrollX 用途:获取元件对象的水平滚动距离(当前仅限动态面板)。
scrollY 用途:获取元件对象的垂直滚动距离(当前仅限动态面板)。
text 用途:获取元件对象的文本文字。
name 用途:获取元件对象的自定义名称。
top 用途:获取元件对象的上边界坐标值。
left 用途:获取元件对象的左边界坐标值。
right 用途:获取元件对象的右边界坐标值。
bottom 用途:获取元件对象的下边界坐标值。
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 RP操作手册

三。
Axure RP基本操作(1) 认识Axure RP操作介面下图是Axure RP 环境与介面中各区块的简单描述.主选单/工具列: 在主选单与工具列中,可以执行常用的动作指令,例如:开启与储存档案、输出Prototype或Spec文件.Sitemap 窗格: Sitemap窗格将您所设计的网页以树状结构的方式呈现,您可以在这里新增、移除、重新命名和组织设计的网页。
Widgets窗格:包含一系列常用的使用者介面对象,例如:按钮、影像、Text Panel与矩形,您可以直接透过拖拉的方式来设计网页。
Masters窗格:在这里您可以新增、移除、重新命名和组织设计好的Master。
Master是一种可以容纳多项界面元素的集合样板(Temlate),您可以将常用的共享区块设计成Master,未来在设计Wireframe时重复使用Master,来提高规划的效率。
Wireframe窗格:您可以在这个窗格中设计网页信息元素,编排内容,设计介面,设计交互特性等等.未来可以将这些设计好的页面,输出成Prototype或Spec 文件.交互设计(Interaction) 窗格:交互的范围很广,从最基本的超级链接、pop—ups,一直到动态显示和隐藏widget.您可以在这个窗格中定义Widget 的交互。
物件批注(Annotation) 窗格: 您可以为Widget加上批注来指定功能,您可以在这个窗格中增加和自订Widget的批注。
网页说明及交互(Pages Notes &Interactions)窗格:您可以在这个窗格中加入网页层级的说明与交互效果到设计中。
1。
定义Sitemap企划一个网站或Web AP,在动手开始绘制网站页面的示意图(Wireframe)或流程图之前,您应该事先思考网站架构,并决定信息内容与层级。
当您心中已经有了明确的网站架构,接下来就可以利用Sitemap窗格来定义您所设计的网站页面。
Sitemap窗格是用来管理设计中网页的工具,您可以在Sitemap 窗格中可以新增、删除和调整网页层级。
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用途:打开原型页面的浏览器当前高度。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
Axure RP 8.0函数大全Axure函数手册用法及说明Axure RP 8.0函数大全是根据小楼老师的《Axure RP 8 函数速查表》整理而来,方便大家查询。
这些函数不用去记,大概了解他们的用途即可。
需要的时候再来查一下就可以了。
在做课件的时候,将所有的函数用途和参数注解,整理了一份表格资料。
后来,觉得这个东西挺有用,所以,分享给大家当做参考资料。
函数能够提高原型的制作效率,但也容易导致画蛇添足。
如果是单纯的学习,建议通过一些有趣味的原型,多加锻炼使用。
这样在实际应用中,才能够手到拈来,随心所欲。
如果是用于工作,在不熟悉函数使用的情况下,尽量避免纠结于某个函数的使用,以免影响工作效率,得不偿失。
扎实学习,灵活使用。
这句话不仅适用于函数,也适用于Axure以及其他的任何工具。
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用途:打开原型页面的浏览器当前高度。
Window.scrollX用途:浏览器中页面水平滚动的距离。
Window.scrollY用途::浏览器中页面垂直滚动的距离。
页面函数PageName用途:获取当前页面的名称。
数字函数toExponential(decimalPoints)用途:把数值转换为指数计数法。
参数:decimalPoints为保留小数的位数。
toFixed(decimalPoints)用途:将一个数字转为保留指定位数的小数,小数位数超出指定位数时进行四舍五入。
参数:decimalPoints为保留小数的位数。
toPrecision(length)用途:把数字格式化为指定的长度。
参数:length为格式化后的数字长度,小数点不计入长度。
数学函数Math.abs(x) 用途:计算参数数值的绝对值。
参数:x为数值。
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为弧度数值。
时间函数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/ddhh: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)。