文本显示变量_Axure9实操教程10-变量

变量是Axure中一个重要的角色，有两种：

全局变量：一次设置，在整个原型中可用；
局部变量：只在所在的动作中起作用。

Axure中可用为变量赋值，赋值的类型如下：

变量赋值类型

局部变量的赋值在之前的章节已经有很多例子了，今天就主要介绍全局变量。下面我们用实力（哦，不，是实例，吼吼吼，笑出猪叫声O(∩_∩)O~）来展示一下。

实例1：跨页传递数据

创建两个页面——Page 1和Page 2，在Page 1中放入一个文本框和按键，Page 2中放入一个矩形。达到的效果是：

在Page 1文本框中输入内容后，点击按键，将内容传递到Page 2矩形中展示。

接下来我们创建一个全局变量：

创建全局变量

系统会自动创建一个叫OnLoadVariable的全局变量，但是为了好辨认，我们一般都会自定义变量的名称，变量名只能用英文命名，一般来说都用与其值相关的英文单词或单词简写来命名。变量名命名时不能超过25个字符，不能有空格，也不能有特殊符合，可以使用下划线，可以有数字。我们这里将变量命名为value，默认值为空值：

创建变量

然后给Page 1中的按键和Page 2创建交互：

Page 1中的按键交互

Page 2页面交互

然后预览效果为在文本框中输入内容，点击按键打开Page 2，矩形中展示出文本框中的内容。这里没有加条件，所以输入框为空值，则矩形就没有展示内容。

实例2：用变量来计算输入字符数。

创建一个num的全局变量，用来统计文本域中的字符数

计数交互

为了让显示字符数的文本框不可编辑，我们将其设为只读：

文本框的只读模式

这个例子很简单，我没有展开描述，宝宝们不清楚的，自己下载共享的原型原件看看吧！

这里再介绍一个实用的全局变量的用法——计时器：

实例3：倒计时60秒

在页面放置一个文本框用来做秒数倒计时，设置一个全局变量，默认值为60：

全局变量设置

页面载入时将变量值赋值给秒数倒计时文本框：

对秒数倒计时文本框设置文本改变时交互：

倒计时文本框交互

注意，要先等待1000ms也就是1秒，再改变文本框中的值（即触发事件）。

这里顺带介绍一下触发事件这个动作。

触发事件是指，触发你在本页面已经设置的当前元件、其他元件或页面的动作。相当于本页面中已有的事件，采用触发事件这个动作可以再次被引用。设置方法也很简单，我们只需要选择一个目标，然后选择目标上设置的事件即可，而且可以多选：

触发事件交互

今天内容到这里了，今天脑袋有点昏，内容有点粗糙哈O(∩_∩)O~

本教程所讲示例下载：链接：

知乎 - 安全中心share.weiyun.com

文本显示变量_Axure9实操教程10-变量相关推荐

中继器删除行_Axure9实操教程9-中继器动作（二）
难得连续两天都有时间来更新,嘿嘿,我不是个勤劳的人,如果白天没时间,不要指望我晚上健完身会在家里奋笔疾书,哈哈哈,因为肥宅已经累趴下不想起来了-- 添加行在中继器中加入数据.我们事先已经在中继器左侧 ...
axure9的中继器在哪编辑_Axure9实操教程8-中继器动作（一）
懒惰的我终于.终于鼓起莫大的勇气克服昏昏欲睡的赶脚,又来更新了.今天更新内容--中继器,Axure中最强大的元件之一.我们先来看看中继器动作有哪些:中继器动作列表可以看出中继器的动作都是处理数据的, ...
Mac电脑配置JDK环境变量本人实操教程！超详细！
做为一个一直用Windows的小白,入职竟然换了Mac!环境变量不知道怎么配置,终于搞定了,全干货,不废话,总结如下- 1.访问官网下载JDK https://www.oracle.com/java/ ...
MySQL数据库实操教程(10)——删除数据
自定义View系列教程00–推翻自己和过往,重学自定义View 自定义View系列教程01–常用工具介绍自定义View系列教程02–onMeasure源码详尽分析自定义View系列教程03–onL ...
[转载]你们要的GIF动图制作全攻略！看完就会做！(实操教程)
非常实用呀原文地址:你们要的GIF动图制作全攻略!看完就会做!(实操教程)作者:木木老贼来源:文案匠(ID:sun-work) 作者:一木(授权转载,如需转载请联系文案匠) 文章配图的GIF动图怎 ...
通过大白菜u盘启动工具备份/还原/重装/激活系统/修复引导实操教程（上）
通过大白菜u盘启动工具备份/还原/重装/激活系统/修复引导实操教程(上) 前言进入大白菜u盘的pe系统用GHOST进行系统盘备份/还原在D盘上安装新系统(以win10-2004为例) 镜像下载 ...
实操教程｜火遍全网的剪纸风格究竟是怎么做出来的？
原文来自公众号:希音的设计笔记 > 添加微信:xiyin0820 获取高质量样机 | C4D教程 | OC渲染教程 | Sketch教程 Adobe2021 | Adobe2020 | LED字 ...
实操教程｜PyTorch AutoGrad C++层实现
点击上方"视学算法",选择加"星标"或"置顶" 重磅干货,第一时间送达作者丨xxy-zhihu@知乎来源丨https://zhuanla ...
寻找亚马逊测评师邮箱_美国及欧盟亚马逊产品外观专利查询步骤实操教程（已验证）...
亚马逊产品外观专利防不胜防:美国及欧盟外观专利查询步骤实操教程(已验证) 欧洲 https://www.tmdn.org/tmdsview-web/dsview-logo-white.15c95da2 ...

文本显示变量_Axure9实操教程10-变量

文本显示变量_Axure9实操教程10-变量相关推荐

最新文章

热门文章