在做购物APP时，商品的增加、减少，以及点击增加或者减少时，商品总价的变化，今天这里来讲一下是怎么操作的
　　在开始之前，我们先把购物APP的原型画出来，然后下面讲具体的操作流程（如下图）
　　一、元件命名
　　给画好的原型图中的各个元件进行命名，方便后边的交互操作，首先给商品001的第一个文本框命名，命名为num01，商品002命名为num02，商品003命名为num03
　　然后给对象的商品价格命名，商品001的价格命名为rmb01，商品002的价格命名为rmb02，商品003的价格命名为rmb03
　　总价格命名为all。
　　设置交互事件
　　为商品001的加号（加号上面增加了一个热区，增加点击范围，方便点击）元件上的热区添加用例，当〔鼠标单击时〕，设置动作为〔设置文本〕，配置动作勾选num01（文本框），勾选文本之后，设置参数，局部变量用f来表示，目标值选择对应的第一个文本框num01，则上面的变量函数为〔〔f1〕〕。
　　为商品001的减号元件上的热区添加用例，当〔鼠标单击时〕，设置动作为〔设置文本〕，配置动作勾选num01（文本框），勾选文本之后，设置参数，局部变量用f来表示，目标值选择对应的第一个文本框num01，则上面的变量函数为〔〔f1〕〕。这里跟加号有所区别的是，当商品数量减到1的时候，要有条件设置，大于1的时候可以往下减。
　　商品002和商品003跟商品001同样的设置。最后设置总价格，商品增加价格增加，商品减少时，价格减少。
　　为价格添加用例，当〔载入时〕，设置动作为〔设置文本〕，配置动作勾选all，设置函数（fx），商品的价格为，商品数量商品价格。用a表示num01，b表示rnb01，则商品001的总价格就为ab。以此类推，则商品的总价格就是：商品001总价商品002的总价商品003的总价，即abcdef。
　　最后我们在设置，如果点击增加数量时，商品的总价格也是变化的，上面同样的方法设置商品001的加号减号，商品002的加号减号，商品003的减号减号，全都要设置一遍。
　　希望大家能够尝试多练习几次，几次尝试后就会理解其中的关键点，也希望大家能够养成一种习惯，在进行练习前对任务流程进行梳理，这样对理解逻辑更有帮助。

如何画交互原型？展现5类信息就够了一份好的交互原型，首先必须提供一个好的解决方案。一份优秀的交互原型，还必须符合基本的设计原则、使用符合规范的控件、对各种可能出现的情况都给予考虑和展现。那么，要怎么做才能画好交……Axure9。0案例：算一下，这个月缴纳了多少个人所得税本篇文章教大家如何利用Axure9。0制作个人所得税计算器，个人所得税起征点调整后，缴纳税额及到手的实发工资应该是多少呢？一、概述根据国家最新政策调整，个人所得税起……Axure教程如何使用中继器当数据库，制作web端幻灯片？本期教程制作的是web端的幻灯片，制作中使用了中继器做为图片和文本的内容存储源，制作繁琐了一点，但是可以当做初步了解中继器的一种方式。老规矩，先看GIF效果图幻灯片……移动端app登录，掌握这3个技巧就够了这一段时间开发了一款移动的app，过程也是充满坎坷和艰辛，每一个看似简单的功能都需要强大的逻辑思维和业务上的支持，今天就就来说一下大家可能最容易忽视的登录注册模块，都会做，但是……中继器系列（一）：信息新增、删除、简单筛选在Axure中中继器是一个神奇的东西，最近在处理列表的时候使用到了中继器的增、删、查。现在对于这个模块做一个简单的教程。算是之前想做Axure系列的学习笔记的开始吧。一、……Axure教程：APP购物车交互在做购物APP时，商品的增加、减少，以及点击增加或者减少时，商品总价的变化，今天这里来讲一下是怎么操作的在开始之前，我们先把购物APP的原型画出来，然后下面讲具体的操作流……Axure设计：带加载效果的百分比进度条进度条可以起到让用户耐心等待的作用，让用户了解当前任务完成的时间进度、有效防止用户的矛盾心理（等了好久还没有反应，我要不要终止掉重新来一遍？但是之前它好像跑了好久了，也许下一刻……谁说Axure9。0没有创新？深度体验后，竟发现了39处变化最后的小结从整体上来看，AxureRP9。0针对8。0的版本迭代还是做出了很大的改进，简洁的界面设计，元件的新增功能，以及一些操作流程的优化改进，都是值得我们去试用体验的……Axure常用元件及使用规范：Controls篇（附源文件下作者对原型设计中的常用的一些通用元件进行了场景和规范整理，主要分为信息栏Bars篇、视图Views篇、控件Controls篇三章。本章主要介绍Controls篇，源文件和另外两……宏观角度：原型图的交互说明该怎么写原型图的交互说明是针对原型图内容元素的解释文字，可以从宏观和微观两个层面展开分析，本文结合图例主要说明宏观角度输出交互说明应该注意的地方。原型图的交互说明是针对原型图内容……Axure教程：Banner图片联动伸缩效果想要用Axure做出动态效果其实并不难，一旦了解了其动作，是非常好实现的。本篇文章将会教大家如何用Axure做动态效果。Axure做动态效果，只要了解了其动作规律就很好实……Axure：轻仿朋友圈下拉动画微信朋友圈天天用，感觉这种下拉动画很多地方都有用到，不多说，justdoit。轻仿，还有很多细节没继续做，效果如下：主要想法：面板拖动，移动放大背景图。步骤如……