Axure快速入门(09) -变量和表达式(计算商品总价例子)

简介: Axure快速入门(09) -变量和表达式(计算商品总价例子)

1. 前言

本文的登录案例源文件已上传到Github,有兴趣的同学可以下载来看看: https://github.com/ylw-github/Axure-Demo

前面写过Axure相关的文章,有兴趣的同学可以参阅:

有一定计算机基础的童鞋都知道,在代码中有变量和表达式两个概念,其实在Axure中也是有的,Axure支持简单的变量和表达式,本文举例说明下。

2. 计算商品总价例子

2.1 需求

首先,先看下面的原型图:

现在的需求是运行原型后,输入单价或者数量时,总价的结果会自动改变。

2.2 实现步骤

2.2.1 添加交互事件
首先选中单价输入框,添加“文本改变时”事件 添加“设置文本”动作 选择变量改变时,设置文本的对象,即总价的结果
2.2.2 设置变量及表达式
添加函数 添加局部变量 设置表达式
2.2.3 复制事件
选中单价输入框事件,Ctrl+C复制 选中数量输入框事件,Ctrl+V粘贴

2.3 预览效果

总价自动改变 总价自动改变

3. 其它

Axure里面提供丰富的函数,下一篇继续整理。

本文完!

目录
相关文章
|
8月前
|
算法 Python 容器
Python编程 - 不调用相关choose库函数,“众数“挑选器、随机挑选器 的源码编程实现
Python编程 - 不调用相关choose库函数,“众数“挑选器、随机挑选器 的源码编程实现
100 0
|
3月前
|
IDE 开发工具 iOS开发
Python编程案例:中文金额转换并计算
Python编程案例:中文金额转换并计算
58 0
|
5月前
|
Java
Java数组的2个小案例(杨辉三角分析和商品管理增删改查)
Java数组的2个小案例(杨辉三角分析和商品管理增删改查)
54 4
|
7月前
|
C语言
C语言实战项目——学生试卷分数统计
C语言实战项目——学生试卷分数统计
|
8月前
|
搜索推荐 C++
【C++】lambda解决个性化排序问题(对比仿函数)(代码演示)
【C++】lambda解决个性化排序问题(对比仿函数)(代码演示)
Axure快速入门(10) -变量和表达式总结
Axure快速入门(10) -变量和表达式总结
179 0
|
JavaScript 前端开发
JavaScript实现购物车加减和价格运算等功能
JavaScript实现购物车加减和价格运算等功能
659 0
JavaScript实现购物车加减和价格运算等功能
|
缓存 JavaScript
【Vue 快速入门系列】姓名案例几种实现方法(插值语法、函数语法、计算属性的使用、计算属性原理剖析)
【Vue 快速入门系列】姓名案例几种实现方法(插值语法、函数语法、计算属性的使用、计算属性原理剖析)
Axure快速入门(09) -变量和表达式(计算商品总价例子)
Axure快速入门(09) -变量和表达式(计算商品总价例子)
367 0
Axure快速入门(09) -变量和表达式(计算商品总价例子)
|
前端开发 开发者
产品-优惠券-类型序选择器|学习笔记
快速学习 产品-优惠券-类型序选择器
产品-优惠券-类型序选择器|学习笔记