axure之变量

ops/2024/10/18 5:23:54/
一、设置我们的第一个变量

1、点击axure上方设置一个全局变量a = 3
在这里插入图片描述
2、加入按钮、文本框元件点击按钮文档框展示变量值。
交互选择【单击时】【设置文本】再点击函数。
在这里插入图片描述
点击插入变量和函数直接选择刚刚定义的全局变量,也可以直接手动写入函数(注意写入格式。)
在这里插入图片描述
这样点击按钮时就直接展示刚刚设置的全局变量3了。
在这里插入图片描述
2、更改变量值
在新建交互里点击设置变量值。
在这里插入图片描述
将a变量设置成等于10.
在这里插入图片描述
将新设置的变量值移动到原本的变量值上方,这样在下次调用时方可生效。
在这里插入图片描述

二、跨页面调用全局变量

需求:页面A数据用户姓名,用户名输入框命名为【用户名输入框】,页面B提示xx用户注册成功。
这里我们将用户全局变量与局部变量的知识。
页面A先设置好文本框与提交按钮。
在这里插入图片描述
页面B展示xx用户已注册成功。
在这里插入图片描述
首选我们添加一个全局变量 username,不要给变量值,后续我们通过交互给动态的变量值。
在这里插入图片描述
提交按钮设置交互打开【链接】确保点击提交按钮时能跳转到页面B,在交互【设置变量值】这里给的就是动态变量。
在这里插入图片描述
目标选择刚刚设置的全局变量名称usernam,设置完后点击函数按钮。
在这里插入图片描述
这里我们设置一个局部变量为上方的用户名输入框,上方在应用局部变量名,不然不会生效。
在这里插入图片描述
上方的意思就是将当前页面【用户名输入框】的输入信息作为全局变量username的值。
在这里插入图片描述
我们再将设置变量值放在打开链接前,这样在页面B引用的时候才会生效。
页面B 提示框的名称为【注册成功提示】
我们在页面B设置载入时设置文本。直接应用username全局变量。
在这里插入图片描述
现在就实现了跨页面使用全局变量了。
在这里插入图片描述

三、全局变量的运算

现在有这么一个输入框 点击加号时数值+1,点击减号时数值-1,看具体实现方法。
添加一个全局变量value。
在这里插入图片描述
页面加入如下元件。点击加号就+1点击减号就-1 中间的命名为【数值】
在这里插入图片描述
给加号设置交互【设置变量值】,在原全局变量的基础上+1
在这里插入图片描述
再给【数值】设置一个文本。调用刚刚的变量名。
在这里插入图片描述
这样就能实现+1,减法也是同理。
在这里插入图片描述


http://www.ppmy.cn/ops/107878.html

相关文章

算法——线段树C/C++

线段树(Segment Tree)是一种用于处理区间查询和区间更新的高效数据结构。它可以将一个数组分成多个小区间,并在每个小区间上存储一些信息(如区间的最小值、最大值、和等),以便快速查询或更新整个数组中的某…

在react中利用three.js 渲染模型 让鼠标拖拽是模型转动

import { OrbitControls } from three/examples/jsm/controls/OrbitControls;useEffect(() > {// 初始化OrbitControlsconst controls new OrbitControls(camera, renderer.domElement); // 设置控制参数controls.enableDamping true; // 平滑化运动controls.dampingFacto…

llama_factory Qlora微调异常 No package metadata was found for The ‘autoawq‘

importlib.metadata.PackageNotFoundError: No package metadata was found for The ‘autoawq’ distribution was not found and is required by this application. To fix: pip install autoawq 其实问题比较简单 直接安装autoawq 即可 但是对应会有版本问题: 查…

AI基础 L7 Informed Search II

A∗ Search • The A∗ search is probably the most used type of heuristic search • It combines the cost to reach a node (g(n)) with the cost to get from the node to the goal (h(n)) f (n) g(n) 初始状态到节点 n 的实际成本 h(n)节点 n 到目标状态的估计成本 •…

尚硅谷Vue入门视频 笔记

尚硅谷视频:https://www.bilibili.com/video/BV1Zy4y1K7SH/?spm_id_from333.999.0.0&vd_sourcecec13bbe100bddfff8baf29d18ed8994 文章目录 模板语法data与el的2种写法MVVM模型事件事件修饰符事件的基本使用 计算属性简写形式 监视属性绑定样式条件渲染列表渲…

嘉立创中秋福利来啦!

单笔订单商品实付慢2万送良品铺子月饼 多品牌折扣 快来立创商城一探究竟吧~ 立创商城_一站式电子元器件采购自营商城_嘉立创电子商城 (szlcsc.com)

[物理专题]经典浮力题目的Fh图像绘制

这段代码用于绘制物体在液体中受到的浮力变化的图像,它有多个好处: 直观展示数据:通过图形化展示,可以直观地看到物体在液体中浸入深度与受到的浮力之间的关系。 教育和学习工具:这种类型的图像常用于教育目的&#x…

简单的Linux Ftp服务搭建

简单的Linux FTP服务搭建 1.需求 公司有一个esb文件传输代理,其中我们程序有文件传输功能,需要将本地文件传输到esb文件代理服务器上,传输成功之后发送http请求,告知esb将固定文件进行传输到对应外围其他服务的文件目录中&#…