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里面提供丰富的函数,下一篇继续整理。

本文完!

目录
相关文章
|
1月前
|
IDE 开发工具 iOS开发
Python编程案例:中文金额转换并计算
Python编程案例:中文金额转换并计算
|
4月前
|
算法 PHP
轻松实现商品多属性组合:深入理解笛卡尔乘积的 PHP 实现方法
在电商场景中,生成商品属性组合的关键是计算笛卡尔乘积。本文以通俗易懂的方式展示了如何用PHP实现这一功能。使用Laravel时,可直接通过`collect`对象的`crossJoin`方法轻松获取;手动实现则涉及递归算法,通过`CarteSianHandler`类完成。最终结果为一个包含所有属性组合的数组,适用于处理商品的多种属性选项。
47 0
|
6月前
|
JSON JavaScript 前端开发
JavaScript随手笔记---数组中相同的元素进行分组(数据聚合) groupBy函数
JavaScript随手笔记---数组中相同的元素进行分组(数据聚合) groupBy函数
|
6月前
|
搜索推荐 C++
【C++】lambda解决个性化排序问题(对比仿函数)(代码演示)
【C++】lambda解决个性化排序问题(对比仿函数)(代码演示)
Axure快速入门(10) -变量和表达式总结
Axure快速入门(10) -变量和表达式总结
138 0
设计函数fun,其功能是:找出成绩最低的学生记录,返回
设计函数fun,其功能是:找出成绩最低的学生记录,返回
|
关系型数据库 MySQL 程序员
漏刻有时操作数据php类记录及筛选条件的写法
漏刻有时操作数据php类记录及筛选条件的写法
59 1
|
JavaScript
Vue——案例:对表格按钮进行加减、删除以及计算总价
案例:对表格按钮进行加减、删除以及计算总价
204 0
|
Android开发 iOS开发
iOS开发 - 商品详情页两种分页模式,只提供思路和实现方式。
iOS开发 - 商品详情页两种分页模式,只提供思路和实现方式。
415 0
iOS开发 - 商品详情页两种分页模式,只提供思路和实现方式。
|
缓存 JavaScript
【Vue 快速入门系列】姓名案例几种实现方法(插值语法、函数语法、计算属性的使用、计算属性原理剖析)
【Vue 快速入门系列】姓名案例几种实现方法(插值语法、函数语法、计算属性的使用、计算属性原理剖析)
【Vue 快速入门系列】姓名案例几种实现方法(插值语法、函数语法、计算属性的使用、计算属性原理剖析)