AxureRP教程:变量运算

  • 时间:
  • 浏览:1

AxureRP在6.0版本以下的版本是不支持数学运算的,到6.0版本的事先加入了变量的数学运算,支持简单的加减乘除运算。但在6.0版本事先,如5.5,5.6版本里是不支持数学运算的,那要实现变量的加法运算该如保会办呢,还是有法律法律依据来实现的,不过不想 简单修改一下生成的原型文件的js代码,通过5个 间接的法律法律依据来实现变量运算。

这人 间接的法律法律依据不想 用户稍微懂这人 脚本代码,相当于能明白基础的关键字的意思,比如字符串型是String,数字型是Number,好多好多 对于这麼脚本代码基础的这人 人因为会比较困难这人 ,不过这里介绍过操作法律法律依据事先依葫芦画瓢就还不想 了,编写过JS代码语录就这麼任何问题图片了。AxureRP生成的原型是HTML格式的,其上带的交互效果在转打上去HTML事先不想 通过JS脚5个 实现交互功能的,这里要修改的好多好多 哪些地方地方JS脚本文件。

下面介绍修改操作的具体步骤,首先当然还是要先在AxureRP中制作设计好页面,比如这里分别要模拟加减乘除一种生活运算,就设置一种生活运算的模拟界面,如下图所示,并将对应的组件都分类命名。

再好多好多 设置帕累托图运算顶端的计算按钮的单击事件,这里不想 新增5个 变量a,b,用来存储帕累托图运算的前5个 输入框的值,这人 将运算值赋给第5个 输入框,这里不想 注意的是,不想 判断前5个 输入框算不算为空,这里默认为空语录就不响应运算,除法的事先还需判断第5个 输入框必须够为0,好多好多 不想 判断这人 运算的常见规则。设置法律法律依据见下图,也还不想 查看源文件。

设置好事先就要生成原型,这人 事先去点击计算按钮是必须运算的,会输出来5个 相似"a+b"5个 类型的字符串,而不想 实际结果,这人 当然不想 这人 人要的结果,顶端就不想 去修改文件代码了。

找到原型文件生成目录,在目录下找到Home_files文件夹,这人 文件夹下面会5个 axurerp_pagespecificscript.js文件,用记事本因为这人 文本编辑器打开这人 文件,在靠近页末的地方找到以下四行代码:

SetWidgetFormText(‘u4′, PopulateVariables(‘a+b’));

SetWidgetFormText(‘u10′, PopulateVariables(‘a-b’));

SetWidgetFormText(‘u15′, PopulateVariables(‘a*b’));

SetWidgetFormText(‘u20′, PopulateVariables(‘a/b’));

将其修改为:

SetWidgetFormText(‘u4′, String(Number($a)+Number($b)));

SetWidgetFormText(‘u10′, String(Number($a)-Number($b)));

SetWidgetFormText(‘u15′, String(Number($a)*Number($b)));

SetWidgetFormText(‘u20′, String(Number($a)/Number($b)));

改好事先保存这人 js文件,再刷新页面,现在就能得到正确的计算结果了。

以上好多好多 通过修改文件的法律法律依据实现的AxureRP6.0以下版本的变量运算法律法律依据,对JS脚本比较熟悉的这人 人还不想 加多这人 限制条件,比如小数点位数啊哪些地方的,还不想 灵活变通,反正都因为到改代码的地步了,不过建议在做原型的事先暂且出現 很复杂的计算演示,简单这人 就好。AxureRP6.0下做运算不算没哪些地方地方问题图片的,还不想 设计实现简易计算器的功能,后续会介绍。

以上在AxureRP 5.5版本下演示通过

点此查看演示

点此下载源文件

文章来源:itfarmer.com.cn

有好的文章希望站长之家帮助分享推广,猛戳这里帮我投稿