axure8函数大全
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、变量
变化的值
需要计算
更复杂的逻辑处理
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常用函数解析整理
[[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 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
Axure 8.0
一、准备元件1、添加一个表格。
表格作用是作为表头用的,当然也可以用矩形框代替,本人比较懒,就使用表格代替了。
这里就列出了上传文件常用的几个信息,如果需要其他的信息,可自行添加;2、存放上传文件的动态面板。
用于存放上传的文件的信息使用,就起名字叫“文件”吧;3、添加中继器。
在“文件”动态面板里面添加一个中继器,名字就叫“文件信息”。
“文件信息”中继器添加六个字段,分别叫“name”、“size”、“user”、“uptime”、“cz1”、“cz2”,这六个字段分别用来存放上传文件的名称、大小、上传人、上传时间、操作(操作有两个),并在“文件信息”中继器中添加五个矩形框,前四个取名叫做“名称”、“大小”、“上传人”、“上传时间”,至于最后一个可以不起名字,因为它只是作为底纹用的^_^。
另外,再加入两个文本标签,分别起名叫“操作1”、“操作2”,且把字体设置成蓝色(软件里操作的基本都是蓝色字体);4、存放上传按钮的动态面板。
用于存放选择文件、上传及上传提示信息的按钮,命名为“上传”;5、添加文本框。
在“上传”动态面板中,添加一个文本框,用来选择上传文件用,命名为“选择文件”。
文本框的类型记得一定是要选择“文件”;6、添加按钮。
在“上传”动态面板中,添加一个按钮,用来上传文件用的,命名为“上传”;7、添加上传提示框。
在“上传”动态面板中,添加一个文本标签,用来存放上传提示的,命名为“提示信息”,并设置成隐藏;二、添加用例1、给“上传”按钮添加用例;本例中演示的是图片的上传,所以“上传”按钮就出现了三种情况:①未选择文件;②选择图片文件;③选择其他文件;1)未选择文件,点击上传时,给出提示信息。
通过“上传文件”文本框的内容是否为空去判断;2)选择文件为图片格式。
①首先判断上传的文件是不是图片格式,这里列举了常用的几种图片的格式,包括jpg、jpeg、png、bmp、gif。
这里使用到了字符串函数substr()和lastIndexOf(),其中substr()函数是用来截取字符串的;lastIndexOf()是从字符串的后面往前查找特定的字符的。
Axure8函数表
ThisTargetxywidthheightscrollXscrollYtextnametopleftrightbottomopacityrotationCursor.xCursor.yDragXDragYTotalDragXTotalDragYDragTimeWindow.widthWindow.heightWindow.scrollXWindow.scrollYPageNametoExponential(decimalPoints) toFixed(decimalPoints) toPrecision(length)Math.abs(x)Math.acos(x)Math.asin(x)Math.atan(x)Math.atan2(y,x)Math.ceil(x)Math.cos(x)Math.exp(x)Math.floor(x)Math.log(x)Math.max(x,y)Math.min(x,y)Math.pow(x,y)Math.random()Math.sin(x)Math.sqrt(x)Math.tan(x)NowGenDategetDate()getDay()getDayOfWeek()getFullYear()getHours()getMilliseconds()getMinutes()getMonth()getMonthName()getSeconds()getTime()getTimezoneOffset()getUTCDate()getUTCDay()getUTCFullYear()getUTCHours()getUTCMilliseconds()getUTCMinutes()getUTCMonth()getUTCSeconds()Date.parse(datestring)toDateString()toISOString()toJSON()toLocaleDateString()toLocaleTimeString()toUTCString()Date.UTC(year,month,day,hour,min,sec,millisec) valueOf()addYears(years)addMonths(months)addDays(days)addHours(hours)addMinutes(minutes)addSeconds(seconds)addMilliseconds(ms)YearMonthDayHoursMinutesSecondslengthcharAt(index)charCodeAt(index)concat('string')indexOf('searchValue',start)lastIndexOf('searchvalue',start)replace('searchvalue','newvalue')slice(start,end)split('separator',limit) substr(start,length)substring(from,to)toLowerCase() toUpperCase()trim()toString()Repeater visibleItemCount itemCountdataCountpageCountpageIndexItemTargetItemItem.列名indexisFirstisLastisEvenisOddisMarkedisVisible用途:获取当前元件对象。
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函数的使用方法
axure函数的使用方法
Axure函数是一种软件开发工具,在Axure原型软件中,通过实现拖拽与发布、无缝交互,加上Axure函数功能,可以快速轻松地实现以下功能:
1.归类属性:使用Axure函数,可以将相关信息属性分类,有效提升开发效率;
2.自定义变量:使用Axure函数可以任意自定义变量,形成可以利用的参数;
3.内嵌函数:Axure函数可以自定义各种内嵌函数,无需编写代码即可实现各种丰富的功能;
4.更改状态:Axure函数可以根据用户的不同行为,实现不同状态的 2 分改变;
5.实现逻辑:Axure函数可以通过设置条件,从而实现动态逻辑检测,实现复杂交互;
6.数据统计:Axure函数可以实现不同数据的统计,形成可行的的网页数据;
7.触发事件:Axure函数可以通过设置条件, 实现不同的条件触发事件,从而方便快捷的实现功能和设置要求;
8.多页网站的同步化:Axure函数还可以用于实现多页网站的同步跳转,形成统一的排版和设计;
9.自定义皮肤:Axure函数也可以实现多种类型、样式和大小等自定义
参数,从而实现定制化的皮肤风格效果。
可以看出,Axure函数可以大大提高你的开发效率,以及良好的用户体验。
Axure函数能给可视化原型开发带来更多有趣的功能,使你的原型
更具实用价值。
axure设置字体大小的函数-概述说明以及解释
axure设置字体大小的函数-范文模板及概述示例1:Axure是一款设计软件,提供了丰富的功能来帮助用户创建交互式原型。
在Axure中,设置字体大小是一个常见的需求,而Axure通过使用函数来实现这一功能。
在Axure中,可以使用函数来自动设置字体大小。
具体来说,可以使用文本框的OnMove 或OnResize 事件来触发函数,然后在函数中使用变量和表达式来计算并设置字体大小。
首先,在Axure中选择一个文本框,然后点击该文本框的交互事件(如OnMove或OnResize)来添加事件。
然后在事件触发时,可以调用一个函数来设置字体大小。
在函数中,可以使用Axure提供的变量来获取文本框的宽度或高度等信息,然后根据需要计算字体大小。
例如,可以定义一个变量来保存计算得到的字体大小,然后使用表达式来设置文本框的字体大小。
最后,在函数执行完毕后,可以将新的字体大小应用到文本框中。
总的来说,通过使用函数来设置字体大小,可以实现在Axure中自动调整文本框的字体大小,更加方便和高效地进行交互原型设计。
希望以上介绍能够帮助你更好地使用Axure来设置字体大小的函数。
示例2:Axure是一个流行的原型设计工具,它可以帮助设计师快速创建交互式原型。
在设计过程中,设置字体大小是非常重要的,因为它直接影响到用户体验和设计的可读性。
Axure提供了一些函数和方法来设置字体大小,让设计师可以更加灵活地控制字体的显示效果。
在Axure中,可以使用以下函数来设置字体大小:1. setFontSize:这个函数可以设置文本框(或其他元素)的字体大小,语法如下:javascriptsetFontSize("elementName", "fontSize");其中,"elementName"是要设置字体大小的元素的名称,"fontSize"是要设置的字体大小。
Axure8使用技巧
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常用变量和函数
元件函数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基础教程(可编辑修改word版)
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 / 481.添加元件到画布在左侧元件库中选择要使用的元件,按住鼠标左键不放,拖动到画布适合的位置上松开。
Axure8.0
(点击图片可放大,按F键查看原图)点击登录时,会出现登录界面。
在这里我要讲一下Axture中的常用手法,点击出现某一界面,就是将这一界面隐藏(hidden),然后使用某一触发使其显示(show),至于show的过程的动态效果则可以根据具体情景设置。
点击设置时,会出现二级菜单,在选择二级菜单选项时,字体颜色和背景颜色都会发生改变。
这个是这一部分最难点的地方。
首先使用如上所讲的treat as flyout实现二级菜单的显示。
然后,使用矩形框进行对二级菜单选项进行重写,设置鼠标移入时(MouseOver),背景颜色发生改变,字体发生改变。
(点击图片可放大,按F键查看原图)登录界面:交互效果:用户名和密码,获得焦点时输入框会变成蓝色,失去焦点时,变成灰色(这一点在注册界面中,也会讲解到,所以此处把这一功能省略);手机扫一扫登录和用户名密码登陆互相切换;点击关闭,关闭登录界面;背景覆盖法重新构造复选框;点击立即注册后,跳转未登录的用户主页,进行登录操作;点击登录按钮后,跳转至登录后的用户主页。
设计思想及简单步骤:手机扫一扫登录和用户名密码登陆互相切换;在Axture中,不同页面之间的切换使用的是在不同的条件下显示动态面板的不同状态。
这一点很常用,要引起重视。
点击关闭按钮,隐藏动态面板(hidden)。
点击注册,跳转至注册页面(open current link)。
(点击图片可放大,按F键查看原图)这里要重点讲的是,点击登录后跳转至用户个性化界面。
此时,我们可以注意到登录的label标签已经转换为用户名了。
这里,我们就用到了全局变量。
首先,设置全局变量。
点击项目(project)>全局变量(global variables)。
设置全局变量为username。
当点击注册按钮时,将用户名文本框中的值传递给全局变量username,然后当用户个性化页面载入时,将登录label的文本值显示为username。
axure函数与变量案例
axure函数与变量案例在Axure中,函数和变量是非常有用的工具,可以帮助我们更好地控制和管理原型的交互行为。
下面是一些Axure函数和变量的实际案例:1. 动态修改文字内容有时候我们需要根据用户的输入或选择来动态修改页面中的文字内容。
这时可以使用Axure的变量和函数来实现。
首先,在页面中定义一个变量,比如“text”。
然后在用户输入或选择时,可以通过事件触发来更新这个变量的值。
最后,将页面中需要动态修改的文本框的内容设置为“[[text]]”即可。
2. 控制页面的显示和隐藏有时候我们需要根据用户的操作或选择来显示或隐藏页面中的一些元素。
这时可以使用Axure的函数来实现。
比如,我们可以定义一个函数“showOrHide”,在函数中通过判断用户的操作或选择来决定要显示还是隐藏某些元素。
最后,在需要控制显示和隐藏的元素的事件触发时,调用这个函数即可。
3. 自定义表单验证在表单中进行验证可以帮助我们确保用户输入的数据是符合要求的。
但有时候标准的表单验证可能无法满足我们的需求。
这时可以使用Axure的函数和变量来自定义表单验证。
比如,我们可以定义一个函数“validateForm”,在函数中通过判断用户输入是否符合要求来返回验证结果。
我们还可以定义一些变量来保存表单需要验证的数据,比如用户名、密码等。
最后,在表单提交时,调用这个函数即可进行自定义的表单验证。
4. 控制动画效果在页面中添加动画效果可以增加用户的体验和吸引力。
但有时候我们需要根据用户的操作或选择来控制动画效果。
这时可以使用Axure的函数来实现。
比如,我们可以定义一个函数“animateElement”,在函数中通过修改元素的CSS属性来实现动画效果。
在需要控制动画的事件触发时,调用这个函数即可。
我们还可以通过变量来控制动画的速度、方向等参数。
Axure8.0基础教程AxureRP8实战手册
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提供了一系列的函数,可以在交互设计中使用。
其中,提取元件中的数字的函数是"getValue"。
通过使用该函数,我们可以轻松地从一个元件中提取出数字,并将其作为标题进行展示。
使用getValue函数的方法很简单。
首先,选择需要提取数字的元件,然后在交互设计面板中选择"Set Text"交互动作。
在设置文本的对话框中,我们可以看到一个"Value"的文本框。
在该文本框中,我们可以输入getValue函数,以提取元件中的数字。
例如,如果我们要提取一个按钮上的数字,我们可以输入"getValue(按钮)"。
然后,点击确定,即可将该数字作为标题展示在按钮上。
除了基本的用法外,Axure函数还提供了一些高级的功能,可以进一步定制标题的展示效果。
例如,我们可以使用"formatNumber"函数来格式化数字的显示方式。
通过这个函数,我们可以将数字转换为货币格式、百分比格式等。
这样,我们可以根据具体的设计需求,对数字进行更加精确的展示。
Axure还提供了一些其他的函数,可以帮助我们更加灵活地提取元件中的数字。
例如,"add"函数可以将两个数字相加,"subtract"函数可以将一个数字减去另一个数字,"multiply"函数可以将两个数字相乘,"divide"函数可以将一个数字除以另一个数字。
通过使用这些函数,我们可以实现更加复杂的计算和展示效果。
有了这些函数的支持,我们可以在设计过程中灵活地提取元件中的数字,并将其作为标题进行展示。
AxureRP8互联网产品原型设计——习题及答案
AxureRP8互联网产品原型设计——习题及答案第1章一、选择题1.下列选项中那个软件不属于产品原型的体现方法()。
A.WordB.VisioC.AxureD.Excel2.下列选项中不属于原型设计作用的是()。
A.让开发变的轻松B.节省时间和金钱C.更易沟通与反馈D.能完成产品的上传3.可以把设计用户体验的工作分解成()个层面,用来帮助设计师更好地解决问题。
A. 5B. 4C. 3D. 64.对于一个刚刚进入网站的用户,为了确保能够找到他们感兴趣的内容,通常不需要了解下面的那个内容。
A.他们身在何处B.他们要寻找的内容在哪里C.怎么样才能得到这些内容D.他们怎么进入网站二、填空题1.在设计原型的时候,为了更好地表现网站内容并留住更多的浏览者,设计师需2.3.4.5.为了使这些用户的用户体验保持一致,在设计页面的时候也要充分考虑人体器三、操作题安装Axure RP软件,并启动软件。
第2章一、选择题1.下列选项中不属于Axure RP 8内建元件的是()。
A.按钮B.图片C.导航D.下拉式菜单2.下列选项中不属于原型设计作用的是()。
A.让开发变的轻松B.节省时间和金钱C.更易沟通与反馈D.能完成产品的上传3.Axure RP 8的菜单按照功能划分为()菜单。
A. 5B.8C. 3D. 64.下面选项中能够进入Axure RP 8的教学频道,跟着网站视频学习软件的使用。
A.进入Axure 论坛B.检查更新C.查找在线帮助D.在线培训教学二、填空题1.2.3.4.5.初的界面布局。
三、操作题启动Axure RP软件,并操作软件界面并自定义工作面板。
第3章一、选择题1.下面选项中不属于Axure RP 8新建文件页面边距的是()。
A.上B.下C.中D.左、右2.为了保证用户不会因为电脑死机或软件崩溃等问题未存盘,而造成不必要的损失,Axure RP 8为用户提供了()的功能。
A.自动备份B.找回C.保存D.自动保存3.下列各式中不属于Axure RP 8的存储格式的是()。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
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/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)。
字符串函数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) 用途:从右至左获取查询字符串在当前文本对象中首次出现的位置。