Axure8变量与函数@Axure8系列教程

AxureRＰ８实战手册新手必须掌握得基础操作:本篇包含５6种常见得基础操作,初学者应在掌握本篇内容后再进行实战案例篇得学习,以免产生学习障碍。

同时,建议具备一定基础得读者学习本篇中相对生疏得内容,并加以掌握。

一 Axuｒe8.0基础教程(１-1０)***＊＊****＊＊****＊＊＊＊＊＊＊*****＊**＊*＊**本文目录*＊*＊＊＊＊*＊＊＊*＊****＊＊＊*＊＊＊*＊*＊＊*＊＊＊**第1章使用元件基础１。

添加元件到画布基础2。

添加元件名称基础３. 设置元件位置/尺寸基础4. 设置元件默认角度基础5。

设置元件颜色与透明基础6、设置形状或图片圆角基础7. 设置矩形仅显示部分边框基础8. 设置线段/箭头/边框样式基础9、设置元件文字边距/行距基础１0。

设置元件默认隐藏*＊＊＊*＊＊＊＊＊＊＊**＊＊*＊＊＊**＊＊＊**＊**＊＊＊***正文＊＊**＊＊***＊*＊＊*＊*＊＊*＊＊＊*＊＊**＊***＊*＊＊*第1章使用元件基础1. 添加元件到画布在左侧元件库中选择要使用得元件,按住鼠标左键不放,拖动到画布适合得位置上松开。

(图1-１)基础2、添加元件名称在检视面板得元件名称文本框中输入元件得自定义名称,建议采用英文命名、建议格式:ＰａssｗordＩnｐut０1或Passwoｒd０1名称含义:序号０1得密码输入框格式说明:“Password”表示主要用途;“Iｎpｕt”表示元件类型,一般情况下可省略,当有不同类型得同名元件需要区分或名称不能明确表达用途得时候使用;“01”表示出现多个同名元件时得编号;单词首字母大写得书写格式便于阅读、(图1-2)基础3、设置元件位置/尺寸元件得位置与尺寸可以通过鼠标拖拽调整,也可以在快捷功能或元件样式中进行输入调整。

(图1—3)ｘ:指元件在画布中得x轴坐标值。

y:指元件在画布中得y轴坐标值。

w:指元件得宽度值、h:指元件得高度值。

在输入数值调整元件尺寸时,可以在样式中设置,让元件【保持宽高比例】、(图1-4)基础4. 设置元件默认角度方式一:选择需要改变角度得元件,按住〈Ctrｌ＞键得同时,用鼠标拖动元件得节点到合适得角度。

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。