Axure原型设计中变量的使用：系统变量的使用方法.doc

《Axure原型设计中变量的使用：系统变量的使用方法.doc》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、Axure原型设计中变量的使用：系统变量的使用方法　　变量，一般来说是用于存储和传递一段数据内容。它就像一个移动硬盘，能够把你暂时用不到但还有用途的数据进行保存，以便之后使用，还能把这些存储的内容传递到其它地方进行使用。那么，如何像使用移动硬盘一样去使用变量呢？接下来，我带大家逐步的了解和使用变量。　　　　六、系统变量的使用　　系统变量，顾名思义就是系统为我们创建的变量。系统变量中的数据，是系统自动存入的，我们只需要知道如何读取使用就可以了。　　那么，系统变量在哪里呢？大家一定都见过下图中的列表。　　　　如果没见过，你可以在任何设置值的地方，点击“f

2、x”按钮，然后在打开的界面中，点击“插入变量或函数“打开这个列表。　　在这个列表中，最上方，会显示我们自定义的变量：全局变量和局部变量。　　然后，接下来还有很多分类，每个分类中都有不同的内容。　　这些内容，很多人把它们称为函数，但是实际上，这里面函数只是一部分，另外一部分是系统变量。　　那么，怎么区分呢？　　很简单！凡是带括号的就是函数，例如下图中都是数学函数。　　　　除了带括号的，都是系统变量。不过，系统变量也分为两种：对象和属性（见下图）。　　　　那么，对象和属性又如何区分呢？　　也很简单！首字母大写的单词都是对象，其它都是属性！　　不过，大部分

3、同学，不太理解什么叫对象，什么叫属性！　　不要被文字迷惑！还是很简单！　　对象，是一个具体的事物。　　例如：一个美女、一架钢琴、一个舞台，这些都是对象。　　而属性，指的都是对象的属性。　　例如：体重、身高、肤色、长度，这些都是属性。　　但是，一般我们说一个属性，都会说某个对象的属性。　　比如：郎朗的身高。　　在Axure里面，对象和属性也是如此。　　首先说对象。　　例如：This是当前元件；Target是目标元件；Window是浏览器窗口；Cursor是鼠标指针；Item是数据集合；　　除了系统变量中给出的这些对象，还有一些也是对象，例如’abc’是

4、一个字符串对象。注意：包含两个单引号。　　这些都是具体的事物。　　再来说属性。　　例如：width是宽度，height是高度、opacity是透明度、length是长度。　　那么，这些对象和属性，怎么使用呢？　　就像我们讨论某某的身高一样，我们在使用对象和属性的时候，也是使用某个对象的某个属性。　　在公式中，我们通过[[对象名称.属性名称]]就能够获取指定对象的指定属性。　　如果你觉得不好理解，你可以把‘.’念成‘的’。　　例如：[[This.text]]，念成当前元件的文本，就非常容易理解了。　　这就是系统变量的使用方法。　　其实，在插入变量或函数

5、的列表中就有这样的例子。　　　　图中就是浏览器窗口的【对象.属性】。另外，还要交代一下，在Axure中，对象的属性值或者计算公式的结果都可以作为字符串对象使用。例如：　　[[This.text.length]]表示当前元件的文本的长度。　　[[(5/3).tofixed(1)]]表示5除以3后保留1位小数。　　注：tofixed()是函数，函数其实就是方法，也通过对象调用。也就是对某个对象执行某个方法。　　接下来，我们通过一个小例子，来加强理解系统变量的使用。　　大家一般都玩过微博。　　微博在输入内容的时候，最多只能输入140个字，并且在输入时会提示

6、还可以输入多少个文字。　　我们来简单模仿一下，这个功能。　　第一步：准备元件。一个多行文本框，命名为“text”；一个文本标签，命名为“message”。　　　　第二步：在多行文本框的交互中，双击【文本改变时】，添加设置文本于元件“message”的动作，并点击右下方的“fx”按钮，进入编辑界面。（也可以在“fx”按钮前面的文本框中编辑，此处为了方便演示，打开了编辑界面。）　　　　第三步：在文本编辑区域输入“还可以输入[[140-This.text.length]]个字”。然后，点击“确定“按钮保存设置。　　　　接下来，就可以在浏览器中预览效果了。　

7、　　　从这个案例来看，系统变量是不是很方便易用？　　到这里关于《Axure原型设计中变量的使用》就给大家分享完毕了！