AxureRP制作原型中变量的使用(3)

AxureRP8.0教程 小楼一夜听春语 6569℃ 0评论

六、系统变量的使用

系统变量,顾名思义就是系统为我们创建的变量。系统变量中的数据,是系统自动存入的,我们只需要知道如何读取使用就可以了。

那么,系统变量在哪里呢?

大家一定都见过下图中的列表。

如果没见过,你可以在任何设置值的地方,点击“fx”按钮,然后在打开的界面中,点击“插入变量或函数“打开这个列表。

在这个列表中,最上方,会显示我们自定义的变量:全局变量和局部变量。

然后,接下来还有很多分类,每个分类中都有不同的内容。

这些内容,很多人把它们称为函数,但是实际上,这里面函数只是一部分,另外一部分是系统变量。

那么,怎么区分呢?

很简单!

凡是带括号的就是函数,例如下图中都是数学函数。

除了带括号的,都是系统变量。

不过,系统变量也分为两种:对象和属性(见下图)。

那么,对象和属性又如何区分呢?

也很简单!

首字母大写的单词都是对象,其它都是属性!

不过,大部分同学,不太理解什么叫对象,什么叫属性!

不要被文字迷惑!

还是很简单!

对象,是一个具体的事物。

例如:一个美女、一根钢管、一个舞台,这些都是对象。

而属性,指的都是对象的属性。

例如:体重、胸围、腰围、臀围、肤色、长度,这些都是属性。

但是,一般我们说一个属性,都会说某个对象的属性。

比如:王小咪的罩杯。

在Axure里面,对象和属性也是如此。

首先说对象。

例如:This是当前元件;Target是目标元件;Window是浏览器窗口;Cursor是鼠标指针;Item是数据集合;

除了系统变量中给出的这些对象,还有一些也是对象,例如'abc'是一个字符串对象。注意:包含两个单引号。

这些都是具体的事物。

再来说属性。

例如:width是宽度,height是高度、opacity是透明度、length是长度。

那么,这些对象和属性,怎么使用呢?

就像我们讨论王小咪的罩杯一样,我们在使用对象和属性的时候,也是使用某个对象的某个属性。

在公式中,我们通过[[对象名称.属性名称]]就能够获取指定对象的指定属性。

如果你觉得不好理解,你可以把‘.’念成‘的’。

例如:[[This.text]],念成当前元件的文本,就非常容易理解了。

这就是系统变量的使用方法。

其实,在插入变量或函数的列表中就有这样的例子。

图中就是浏览器窗口的【对象.属性】。

另外,还要交代一下,在Axure中,对象的属性值或者计算公式的结果都可以作为字符串对象使用。

例如:

[[This.text.length]]表示当前元件的文本的长度。

[[(5/3).tofixed(1)]]表示5除以3后保留1位小数。

注:tofixed()是函数,函数其实就是方法,也通过对象调用。也就是对某个对象执行某个方法。

接下来,我们通过一个小例子,来加强理解系统变量的使用。

大家一般都玩过微博。

微博在输入内容的时候,最多只能输入140个字,并且在输入时会提示还可以输入多少个文字。

我们来简单模仿一下,这个功能。

第一步:准备元件。一个多行文本框,命名为“TextInput”;一个文本标签,命名为“Message”。

第二步:在多行文本框的交互中,双击【文本改变时】,添加设置文本于元件“Message”的动作,并点击右下方的“fx”按钮,进入编辑界面。(也可以在“fx”按钮前面的文本框中编辑,此处为了方便演示,打开了编辑界面。)

第三步:在文本编辑区域输入“还可以输入[[140-This.text.length]]个字”。然后,点击“确定“按钮保存设置。

接下来,就可以在浏览器中预览效果了。

从这个案例来看,系统变量是不是很方便易用?

那么,到这里关于AxureRP制作原型中变量的使用就给大家分享完毕了!

感谢大家的支持!

 

 


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战》系列视频------从零入门进阶的最佳课程------【点此查看详情】


转载请注明:Axure原创教程网 » AxureRP制作原型中变量的使用(3)

喜欢 (39)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(7)个小伙伴在吐槽
  1. 小楼又调皮,明明是那么可爱的女孩纸
    几点小土2017-06-29 14:15 回复
  2. 超过限制字数禁止继续填写且仍可以编辑已写内容?像微博一样。文本框可以实现限制字数长度,但文本框不能顶部对齐,多行文本框可以顶部对齐,但又不能限制字数。楼大,肿么办?!
    等等2017-08-16 16:48 回复
    • 。。作为axure,这已经够了吧。毕竟不是真写代码。做到这个倒数的效果,当高保真都够用了。更不用说平时就是写一段死文本还没倒数功能了。开发兄弟都看得懂的。 没必要这么钻牛角尖的
      驴哥2017-08-31 14:40 回复
      • 嗯 同意
        等等2017-09-08 09:20 回复
    • 小楼一夜听春语
      多行文本框-【文本改变时】-【设置文本】-“当前元件”-“[[This.text.substr(0,限制的字数)]]”
      小楼一夜听春语2017-09-10 09:18 回复
      • 谢谢您!!给力,真要自己学学各个函数原理了
        等等2017-09-12 14:51 回复
  3. 如果超过字数,能不能将文本变成红色
    xinxin2018-04-26 10:46 回复