axure7函数介绍
Axure7.0
![Axure7.0](https://img.taocdn.com/s3/m/9c0f8cee0242a8956bece43f.png)
公式1:弧度=半径角度*圆周率/180
说明:半径角度自定义,本案例初始值0,每次移动+10,圆周率=3.1415926535897932384626(楼老师20多年前背下来的)。
公式2:圆周X坐标值=半径长度* Math.Cos(弧度)+中心点X坐标值
说明:半径长度自定义,本案例设置为100,中心点X坐标值自定义,本案例设置为300。
公式2:圆周Y坐标值=半径长度* Math.Sin(弧度)+中心点Y坐标值
说明:中心点Y坐标值自定义,本案例设置为300。
这就是楼老师查到的公式,事实证明,这个公式能用!
下面就是定义变量了,我们都需要什么变量呢?
1、 hudu:用来保存弧度的值;
2、 newx: 圆周X坐标值,仅用来存储;
3、 newy:圆周Y坐标值,仅用来存储;
4、jiaodu:用来保存角度值和递增后的角度值,可以设置默认值0,每次循环+10度;
即jiaodu=jiaodu+10;。
以上准备完毕后,开始制作原型:
1、设置按钮onclick事件:设置动态面板显示/隐藏为切换;
2、设置动态面板隐藏时事件:
A设置变量值jiaodu等于[[hudu+10]](旋转10度)
B设置等待50毫秒;
C设置动态面板显示/隐藏为切换;
说明:注意顺序,蛋疼的或者大姨妈疼的,可以试试把C放在最上面。
3、设置动态面板显示时事件:。
axure常用函数
![axure常用函数](https://img.taocdn.com/s3/m/0c969d132bf90242a8956bec0975f46527d3a786.png)
axure常用函数Axure是一款著名的原型设计工具,它提供了丰富的函数库,可以帮助设计师快速实现各种交互效果和动态功能。
下面我将介绍一些常用的Axure函数,希望能对大家的设计工作有所帮助。
1. setPageTitle()函数:这个函数可以用来设置页面的标题。
在实际的项目中,我们经常需要根据用户的操作动态修改页面的标题,通过调用这个函数,我们可以实现这个功能。
2. setPanelState()函数:这个函数可以用来设置面板的状态。
在设计网页或移动应用时,我们经常需要设计一些可折叠或可展开的面板,通过调用这个函数,我们可以实现面板的状态切换。
3. addClass()函数:这个函数可以给元素添加一个类。
在设计中,我们经常需要为某个元素添加样式或动画效果,通过调用这个函数,我们可以给元素添加一个类,然后在CSS中定义对应的样式。
4. removeClass()函数:这个函数可以从元素中移除一个类。
与addClass()函数相反,通过调用这个函数,我们可以移除元素的某个类,从而取消对应的样式或动画效果。
5. scrollTo()函数:这个函数可以实现页面的滚动效果。
在设计长页面时,我们经常需要实现点击某个链接后页面平滑滚动到目标位置的效果,通过调用这个函数,我们可以实现这个功能。
6. show()函数和hide()函数:这两个函数可以分别用来显示和隐藏元素。
在设计交互效果时,我们经常需要根据用户的操作显示或隐藏某个元素,通过调用这两个函数,我们可以实现这个功能。
7. fadeIn()函数和fadeOut()函数:这两个函数可以分别用来淡入和淡出元素。
在设计过程中,我们经常需要实现元素的渐显或渐隐效果,通过调用这两个函数,我们可以实现这个功能。
8. dragAndDrop()函数:这个函数可以实现元素的拖拽功能。
在设计交互效果时,我们经常需要实现元素的拖拽排序或拖拽移动功能,通过调用这个函数,我们可以实现这个功能。
axure常用变量和函数
![axure常用变量和函数](https://img.taocdn.com/s3/m/d5e60bed770bf78a652954dd.png)
全局变量: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 属性可返回字符串中的字符数目。
Axure7.0
![Axure7.0](https://img.taocdn.com/s3/m/932eec6402768e9951e7383f.png)
2、然后我们打开状态1,分别给每个圆点添加点击事件,由上到下进行分别添加2个事件:
事件一、点击时切换到指定状态,第一个设置为切换动态面板到状态1,第二个设置为动态面板切换到状态2,依此类推
事件二、点击时滚动到部件,第一个设置为滚动到第一页的文本面板,第二个设置为滚动到第二页的文本面板,依此类推。
3、全部设置完后,我们全选四个圆点复制,然后粘贴到其他的三个状态里,并在粘贴完后,依次在每个状态里改变相应圆点的颜色,至此动态面板设置完毕。
4、在页面交互(编辑器底部)事件中,有一个窗口滚动时的事件,在里面我们分别添加滚动到每一也时动态面板的状态切换:
用例1:滚动小于600时(第一页,[[window.scrolly]]<600),切换动态面板为状态1;
用例2:滚动大于600并且小于1200时(第二页,[[window.scrolly]]>600 and
人人都是产品经理()中国最大最活跃的产品经理学习、交流、分享平台。
axure函数
![axure函数](https://img.taocdn.com/s3/m/89ffd436591b6bd97f192279168884868762b804.png)
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函数
![axure函数](https://img.taocdn.com/s3/m/55397b97a0116c175f0e48fb.png)
用途 鼠标指针的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
Axure7.0
![Axure7.0](https://img.taocdn.com/s3/m/d3ab0d2643323968011c9270.png)
鼠标函数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 要抽取的片断的起始下标。
如果是负数,则该参数规定的是从字符串的尾部开始算起的位置。
也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。
end 紧接着要抽取的片段的结尾的下标。
若未指定此参数,则要提取的子串包括 start 到原字符串结尾的字符串。
如果该参数是负数,那么它规定的是从字符串的尾部开始算起的位置。
Split:把字符串分割为字符串数组。
使用方法1:[[LVAR1.Split(”)]] 如果:LVAR1等于asdfg,则返回a,s,d,f,g使用方法2:[[LVAR1.Split(‘ ‘)]] 如果:LVAR1等于asd fg,则返回asd,fgSubstr:从起始索引号提取字符串中指定数目的字符。
Axure7.0
![Axure7.0](https://img.taocdn.com/s3/m/ff1f927f011ca300a6c39040.png)
本教程案例下载:鼠标Cursor函数的使用.rp 如效果图显示,我们要在鼠标页面任意位置点击时,闪烁一下点击的效果。实现过程如下: 1、 拖入一个图片,并转换成动态面板后隐藏,并设定标签为:点击效果; 2、 在页面的事件– 页面被点击时事件中我们添加一个用例,设置3个动作,分别是,显示“点击 效果”、“等待100毫秒”、隐藏“点击效果”,这样在鼠标点击页面时动态面板“点击效果”就会闪一下; 3、 那么,如何实现在页面任何位置点击鼠标时,就在被点击的地方出现点击效果呢?这就需 要Cursor函数来实现了,Cursor函数目前已知用法: l Cursor.X 获取鼠标当前X 轴坐标值 l Cursor.Y获取鼠标当前Y轴坐标值 至于还有没有其他用法,目前还不知道。 我们只需要在页面事件—当鼠标移动时的事件设置移动“点击效果”到绝对位置[[Cursor.X]] ,[[Cursor.Y]]就可以了。但是这样设置我们生成原型后会发现点击时“点击效果”出现在鼠标指针的右 下方,这是因为动态面板“点击效果”的左上顶点坐标和鼠标坐标是一致的。但是我们需要,点击的 位置是“点击效果”的中心位置,这时候我们就要设置“点击效果”的绝对位置都要减去一半面板的宽度 ,以案例来说,动态面板“点击效果”宽和高都是30,那么我们就要设置当鼠标移动时动态面板移动 到绝对位置[[Cursor.X-15]],[[Cursor.Y-15]]。 到这里,就全部设置完了。接下来,就是见证奇迹的时刻!你做到了吗? 作者:小楼一夜听春语
人人都是产品经理()中国最大最活跃的产品经理学习、交流、分享平台
Axure 函数大全
![Axure 函数大全](https://img.taocdn.com/s3/m/47b26eebba0d4a7302763a7c.png)
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 RP 7.0弹窗定位,弹出窗口定位
![Axure RP 7.0弹窗定位,弹出窗口定位](https://img.taocdn.com/s3/m/f85b3083cc22bcd126ff0cb8.png)
前些天刚接触到了Axure RP 这款原型设计工具,百度了很久,网上免费的只有一些简单基础的入门教程。
英文的看不懂,那么付费的教程又觉得实在不值得花那个钱,所以结合网上一些文字教程,自学了。
下面是一些自学的心得分享:Axure弹窗非常简单,通过动态面板就很容易的做出效果,对于初学者比如我来说,比较纠结的是如何让弹窗定位中屏幕中间位置。
下午试着做了一个效果,勉强达到了这个效果,下面分享制作方法:将动态面板定位在当前窗口的中间位置,主要用到了交互动作里面的元件移动功能,该动作是将面板移动定位至设定位置。
移动时XY轴的定位将用到简单的函数。
第一步:1、新建一个RP文件,将一个页面重命名为弹窗。
2、制作一个按钮,命名为点击按钮。
3、然后拖入一个动态面板,这里命名为弹窗,为了方便展示,将此面板大小设为500X400,背景色填充为红色。
再添入一个关闭按钮。
然后在弹窗页面将动态面板设为隐藏。
第二步:1、给点击按钮设置交互动作。
此按钮有两个动作,如下操作:移动有两种方式,绝对位置和相对距离,这里我们要选择绝对位置,选中后点0后面的FX 插入函数。
插入后会出现一个[[Window.width]]函数,此函数的作用我的理解是获取当前窗口的宽度,是一个数值,比如我的屏幕长度是1200PX 那么这个函数的输出值就是1200。
而我们需要的是中间位置那么就是这个数值的一半600PX,又因为我将动态面板设置了长度,所以最终的数值还要减去长度的一半。
那么我们X轴这个函数表达式应该是这样的[[Window.width/2-250]]。
PS:250是我当前动态面板长度的一半。
同理Y轴的函数表达式[[Window.height/2-150]]最后将动态面板中的关闭按钮设置一个隐藏动态面板的交互动作。
制作完毕。
F5预览一下吧。
弹窗.rp分享地址/s/1pJz360F。
axure数学函数
![axure数学函数](https://img.taocdn.com/s3/m/18df7cfb9fc3d5bbfd0a79563c1ec5da51e2d649.png)
axure数学函数Axure数学函数是Axure软件中的一种功能,用于进行数学计算和处理。
Axure数学函数可以帮助用户在原型设计过程中进行各种数学运算,从而实现更加复杂和精确的原型功能。
本文将介绍Axure 中常用的数学函数及其应用。
一、基本数学函数1. 加法函数(add):用于将两个数相加。
例如,使用add函数计算2和3的和,可以使用add(2, 3)来实现。
2. 减法函数(subtract):用于将两个数相减。
例如,使用subtract函数计算5和2的差,可以使用subtract(5, 2)来实现。
3. 乘法函数(multiply):用于将两个数相乘。
例如,使用multiply函数计算4和3的积,可以使用multiply(4, 3)来实现。
4. 除法函数(divide):用于将两个数相除。
例如,使用divide函数计算10和2的商,可以使用divide(10, 2)来实现。
二、高级数学函数1. 开方函数(sqrt):用于计算一个数的平方根。
例如,使用sqrt函数计算9的平方根,可以使用sqrt(9)来实现。
2. 平方函数(pow):用于计算一个数的平方。
例如,使用pow函数计算5的平方,可以使用pow(5, 2)来实现。
3. 绝对值函数(abs):用于计算一个数的绝对值。
例如,使用abs函数计算-7的绝对值,可以使用abs(-7)来实现。
4. 取整函数(round):用于将一个数四舍五入到最接近的整数。
例如,使用round函数将3.6四舍五入到最接近的整数,可以使用round(3.6)来实现。
三、应用案例1. 计算总价:假设有一个购物车页面,用户可以选择多个商品并添加到购物车中。
每个商品都有一个单价和数量。
可以使用Axure数学函数来计算购物车中所有商品的总价。
需要使用multiply函数计算每个商品的小计,即商品单价乘以数量。
然后,使用add函数计算所有商品的小计之和,即购物车的总价。
2. 计算折扣价:假设有一个商品详情页面,商品原价为100元,但是有一个折扣活动,打八折。
Axure RP 7原型设计精髓 第五章
![Axure RP 7原型设计精髓 第五章](https://img.taocdn.com/s3/m/1fd38c4b77232f60ddcca1d1.png)
第5章高级交互AdvancedInteractions在以下两种对立的产品开发理念和实践方式上,Axure做了独特的权衡、调和。
这两种方式分别是:●以设计师为中心:快速高效地创建交互原型,最大限度地减少编码。
●以开发者为中心:非常依赖编码。
第一种方式非常吸引UX社区的活跃用户——一群追随Axure的从业者。
因为Axure让设计师不用编写HTML、CSS、JavaScript,也无须前端开发工程师的帮助就能将用户体验概念化、可视化。
原型是多面的也是临时的,它是在以用户为中心的设计过程中产出的信息架构和交互流程的体现。
UX架构师和设计师对用户行为研宄得越透彻,设计出的体验就越好。
Axure让构思、验证和迭代原型的过程变得更加快速和简单。
当然,Axure还提供了很多高级功能和选项让我们创建高保真原型,甚至是响应式HTML原型。
因此,Axure7可以说是最先进、最强大的以UX为中心的设计工具之一。
近几年,我们看到了很多Axure开发人员的出现——他们拥有熟练的编码技能,并利用自己的编码技巧去增强更多Axure高级功能。
但是,这样会不会束缚大部分UX从业者呢?毕竟大部分UX从业者是不会编程的,难道还要回到以前,设计师不直接掌控自己的设计,而是把设计交给开发人员吗?答案当然是“No”。
不要被本章的标题“高级”两个字吓跑。
我们会介绍触发事件(RaisedEvents)、条件逻辑(ConditionalLogic)和变量(Variables)这些高级功能,也会涉及一些编程相关的术语。
也许你不懂编程,也不感兴趣,想尽量避免使用这些Axure功能,这可以理解,但大可不必如此。
首先,请放心,这里不会涉及代码的编写。
到目前为止,你已经熟悉了Axure交互和情景编辑器功能,这两项功能只需要在界面上“指指点点”就可以创建交互,唯一需要输入文本的情况就是进行命名。
使用条件编辑器,也同样如此简单。
其次,我们使用的是交互设计中的一些术语和方法。
axure设置字体大小的函数-概述说明以及解释
![axure设置字体大小的函数-概述说明以及解释](https://img.taocdn.com/s3/m/d2fd7191d05abe23482fb4daa58da0116c171f97.png)
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"是要设置的字体大小。
Axure函数详解
![Axure函数详解](https://img.taocdn.com/s3/m/0cdb4d70302b3169a45177232f60ddccda38e66c.png)
Axure函数详解工欲善其事必先利其器。
Axure学习成本不高,但易懂难精,使用了半天如果仅仅停留在画出灰度原型基本用法,不免逼格低。
如果想做点交互,往往会涉及到变量和函数。
使用变量和函数做出的交互原型扩展性强,灵活度高,并且往往一个函数就能顶上一堆用例。
能用好函数无疑对我们的工作效率有极大的提升。
函数不用死记,只需要通读一遍知道Axure函数大概能做什么事情,然后在需要的时候进行查询就行。
Axure函数分为十类:元件函数鼠标指针函数窗口函数页面函数数字函数数学函数时间函数字符串函数中继器函数布尔运算Axure函数的基本语法在axure交互设计时,函数可以用在条件公式和需要赋值的地方,其基本语法是用双方括号包含,变量值和函数用英文句号连接。
如:[[LVAR. Width]] 表示变量LVAR的宽度。
[[This. Width]] 当前元件的宽度元件函数详解this 获取当前元件对象。
当前元件是指当前添加交互动作的元件。
如:this.text获取当前选中元件上的文字内容target 目标元件,指指当前交互动作控制的元件。
如:targets.text就是获取当前交互动作控制的元件上的文字内容widget.x 获取指定元件的X轴坐标;widget.y 获取指定元件的Y轴坐标;widget.width 获取指定元件的宽度值。
widget.height获取指定部件的高度值widget.scrollX 获取动态面板水平滚动距离widget.scrollY 获取动态面板垂直滚动距离widget.text 获取指定元件上的文字内容; 获取指定元件的自定义名称;widget.top 获取元件的的顶部位置或坐标。
widget.left 获取元件的的左侧位置或坐标。
widget.right 获取元件的的右侧位置或坐标。
widget.bottom 获取元件的的底部位置或坐标。
widget.opacity 获取元件的不透明比例。
Axure7.0教程(七)math函数的使用(2)Math函数简介人人都是产品经理
![Axure7.0教程(七)math函数的使用(2)Math函数简介人人都是产品经理](https://img.taocdn.com/s3/m/ad63fd39dc36a32d7375a417866fb84ae45cc3a5.png)
Axure7.0教程(七)math函数的使用(2)Math函数简介人人都是产品经理上一篇教程我们接触了Math函数的使用,我觉得有必要让大家对Math函数进行一个全面的了解,那么在以后的教程中,也不会觉得太过陌生。
下面我们通过官方发布的Math函数公告,来共同学习认识它。
函数的通用方法:Math.XXXX(参数)Abs:绝对值函数,使用方法 [[Math.Abs(-1)]],返回值1;Acos:反余弦函数,[[Math.sin(弧度)]];Asin:反正弦函数,[[Math.sin(弧度)]];Atan:反正切函数,[[Math.sin(弧度)]];atan2:返回给定的X及Y坐标值的反正切值,atan2(y,x);ceil:返回小数向上最接近的整数,使用方法[[Math.ceil(1.5)]],返回值2;cos:余弦函数,使用方法[[Math.cos(弧度)]];弧度=角度*圆周率/180;exp:指数函数,计算以e为底的指数,使用方法[[Math. exp (2)]],返回值7.3890560989306495;floor:返回小数向下最接近的整数,使用方法[[Math.floor(1.5)]],返回值1;log:对数函数,计算以e为底的对数值,使用方法[[Math.log(2)]],返回值0.6931471805599453;max:返回一个最大数值,使用方法[[Math.max(1,5,5.3,2,4)]],返回值5.3;min:返回一个最小数值,使用方法[[Math.min(1,5,5.3,2,4)]],返回值1;pow:幂函数,使用方法[[Math. pow (2,3)]],返回值8;random:返回一个0~1之间的随机数,使用方法[[Math.Random()]];sin:正弦函数,使用方法[[Math.sin(弧度)]];弧度=角度*圆周率/180;sqrt:平方根函数,使用方法[[Math.sqrt(16)]],返回值4;tan:正切函数,使用方法[[Math.sin(弧度)]];楼老师不建议大家深究上面与弧度、角度相关的函数,甚至不学都可以,但是一定要知道有这些函数;在我们有需求时候,可以通过百度查找解决办法(当然知道怎么用的同学可以研究一下,楼老师向你致敬,学会记得教教我。
《AxureRP7.0函数变量运算符详解》
![《AxureRP7.0函数变量运算符详解》](https://img.taocdn.com/s3/m/903b7a7b1eb91a37f1115c95.png)
《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)。
Axure函数大全
![Axure函数大全](https://img.taocdn.com/s3/m/27d55622c950ad02de80d4d8d15abe23482f038d.png)
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值,这样文本层就可以即时获取到两个圆形的间距。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
AxureRP7.0 函数介绍介绍1. 指针函数(Cursor)➤Cursor.x用途:鼠标指针在页面中位置的X 轴坐标。
➤Cursor.y用途:鼠标指针在页面中位置的Y 轴坐标。
➤DragX用途:鼠标指针沿X 轴拖动元件时的瞬间(0.01 秒)拖动距离。
➤DragY用途:鼠标指针沿Y 轴拖动元件时的瞬间(0.01 秒)拖动距离。
➤TotalDragX用途:鼠标指针拖动元件从开始到结束的X 轴移动距离。
➤TotalDragY用途:鼠标指针拖动元件从开始到结束的Y 轴移动距离。
➤DragTime 用途:鼠标指针拖动元件从开始到结束的总时长。
2. 窗口函数(Window)➤Window.width 用途:打开原型页面的浏览器当前宽度。
➤Window.height 用途:打开原型页面的浏览器当前高度。
➤Window.scrollX 用途:浏览器中页面水平滚动的距离。
➤Window.scrollY 用途:浏览器中页面垂直滚动的距离。
3. 页面函数(Page)➤PageName 用途:获取当前页面的名称。
4. 数字函数(Number)➤ toExponential(decimalPoints) 用途:把数值转换为指数计数法。
参数:decimalPoints 为保留小数的位数。
示例:Lvar. toExponential (2) Lvar=65 时,结果为:6.50e+1➤toFixed(decimalPoints) 用途:将一个数字转为保留指定位数的小数,小数位数超出指定位数时进行四舍五入。
参数:decimalPoints 为保留小数的位数。
示例:Lvar. toFixed (2) Lvar=12.343 时,结果为:12.34 Lvar=12.346 时,结果为:12.35 Lvar=12.3 时,结果为:12.30➤toPrecision(length) 用途:把数字格式化为指定的长度。
参数:length 为格式化后的数字长度,小数点丌计入长度。
示例:Lvar. toPrecision(5)Lvar=12345 时,结果为:12345。
Lvar=123456 时,结果为:1.2346e+5。
Lvar=12345.6 时,结果为:12346。
Lvar=1234 时,结果为:1234.05. 数学函数(Math)➤Math.abs(x) 用途:计算参数数值的绝对值。
参数:x 为数值。
示例:Math.abs(-1.5)结果为1.5。
➤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.ceil(1)结果为1。
Math.ceil(1.1)结果为2。
➤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.max(1,3,5,2,4,0,7,6)结果为7。
➤Math.min(x,y) 用途:获取参数中的最小值。
参数:“x,y”表示多个数值,而非2 个数值。
示例:Math.max(1,3,5,2,4,0,7,6)结果为0。
➤Math.pow(x,y) 用途:幂函数,计算x 的y 次幂。
参数:x 丌能为负数且y 为小数,或者x 为0 且y 小于等于0。
示例:[[Math. pow (2,3)]],返回值8;➤Math.random()用途:随机数函数,返回一个0~1 之间的随机数。
示例:获取10-15 之间的随机小数,计算公式为Math.random()*5+10。
➤Math.sin(x) 用途:正弦函数。
参数:x 为弧度数值。
➤Math.sqrt(x) 用途:平方根函数。
参数:x 为数值。
示例:Math.sqrt(16)结果为4。
➤Math.tan(x) 用途:正切函数。
参数:x 为弧度数值。
6. 日期函数(Date)➤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 为整数数值,正负均可。
在AxureRP7.0 中,有几个没有在列表中显示的时间函数,它们分别是:➤Year 用途:获取系统日期对象"年份"部分的四位数值。
➤Month 用途:获取系统日期对象"月份"部分数值(1 ~ 12)。
➤Day 用途:获取系统日期对象"日期"部分数值(1 ~ 31)。
➤ Hours 用途:获取系统日期对象"小时"部分数值(0 ~ 23)。