童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

Axure教程:使用中继器使用制作购物车

5月9日 寒霜坞投稿
  本篇文章作者介绍了有关中继器的使用如何制作购物车。
  写在开头的温馨提示:
  本教程适合对中继器有一定基本概念和知识理解的选手,完全没有概念的朋友,可能需要先补习一下基础知识才能看懂,我尽量讲解的通俗易懂哈!
  先看效果图,如果这就是你想要的,请往下看吧
  达到的效果讲解:
  选择商品,会影响到总价的变化。即购物车里面的选中取消选中。
  商品数量的变化,也会影响到总价的变化。即商品数量的。
  前期原件准备
  中继器一个;
  合计文本标签矩形一个;
  文本标签矩形一个;
  总价(显示总价金额)的文本一个。
  中继器内部零件准备:
  价格取名“price”(矩形即可)。
  数量取名“number”(文本框)因为后期要设置文本改变时的用例,所以要选择用文本框。
  号和号各一个。
  一个圆形取名“单选按钮”(矩形即可)。
  小计取名“小计”(矩形即可)(为什么要设置一个小计文本,后面会解释,它很重要喔)。
  中继器的设置与一一对应不详细讲解了,属于基础知识,看图:
  号和号的用例设置:
  号鼠标单击时设置文字于number(数量)1;
  号鼠标单击时if文字于number1,设置文字于number(数量)1。
  (说明:为什么要设置一个if条件让number1,因为我们实际操作的时候,当数量1时,不能让数量再减少了,否则就变成0or负数,没有意义了)
  一、单选按钮讲解
  思路:我们要的效果是:即选中单选按钮时,总价会随着选中不选中发生变化。
  所以给【单选按钮】设置用例:
  即选中单选按钮时,设置总价文本〔〔LVAR1。slice(0)ab〕〕(其中lvar1是总价,a是价格,b是数量);
  取消选中单选按钮时,设置总价文本〔〔LVAR1。slice(0)ab〕〕。
  在这里,lvar1是总价的元件文字,a是价格的元件文字,b是数量的元件文字。
  关于涉及的函数slice:这里使用到的函数slice(start,end)是截取字符串的函数,它有两个参数start和end,分别为截取的起始位置与终止位置;参数end可以省略,省略这个参数时默认截取至末尾。
  我们为什么是LVAR1。slice(0),是因为我们本身总价的文本文字只有一个0,因为,字符串位置索引编号是从0开始,也就是说第1个字符的位置是0,所以我们通过slice(0)来截取从第1个字符至末尾的数字部分。
  使用这个函数截取的目的是,每次计算之后,用这个计算结果再加上价格乘以数量的结果,就是新的总价数值。
  二、数量元件讲解
  思路:我们要的效果是,当该商品是选中状态时,若它的数量变化,总价要发生变化。
  所以给【数量】增加用例:
  1、if选中单选为true:文本改变时,设置总价文本〔〔LVAR1。slice(0)cab〕〕(c是小计,a是价格,b是数量);同时设置小计文本ab(价格数量)
  2、if选中单选为false,也设置小计文本ab(价格数量)(为什么非选中状态也要设置文本,因为当你不选中时候,你也可能去数量,如果这个时候小计的数和实际单价数量的数不一致了,后面减的时候就会出现差错)
  三、小计文本载入
  给小计文本载入时也设置文本ab(价格数量)(并设置隐藏)。
  解释:为什么有一个小计文本,它是一个辅助作用。
  当数量发生变化的时候,该项商品的独立总价也会发生变化,比如原来是10,现在是20,总价的显示已经包含了原有的10,所以我们需要先减去这个10(即小计文本的数字),再重新加上现有的20(即价格新的数量)才是正确的总价。
  不然会变成总价1020。就多包含了原有的10。
  如果你看到了这里,并跟着一一做下来的话,我觉得我们已经大功告成了!
  一起来看看我们的效果吧!
  这套方法也是基于各位大佬的理论上,加上我自己想要的实际效果琢磨出来的,不知道大家看懂了吗?
  第一次写教程,如果有哪里不清楚的,欢迎各位指教!萌新选手,多多包涵!
  最后,感谢大家阅读,有任何问题想一起探讨或交流,欢迎戳主页嘻嘻嘻
投诉 评论

Axure教程:使用中继器使用制作购物车本篇文章作者介绍了有关中继器的使用如何制作购物车。写在开头的温馨提示:本教程适合对中继器有一定基本概念和知识理解的选手,完全没有概念的朋友,可能需要先补习一下基础知……从业务附属型商城的角度浅谈优惠券设计本文从业务附属型自营商城的角度,对优惠券系统的四个功能模块:优惠券模板、发放活动、核销、数据记录和统计分别做出了相应的介绍。优惠券是商城的一种基础的营销工具,在目前c端用……B2B电商开放平台API接口设计指南笔者所负责的产品是一个医药电商平台,撮合采购商和供应商在平台上进行线上交易,其中采购商主要是药店、诊所、医院;供应商主要是各大医药公司经销商;本文主要先讲解电商与商家之间信息同……产品设计:如何获得商业化指标和用户体验的均衡用户体验有的时候是和商业化指标KPI相矛盾的,那我们在设计一款产品的时候如何用量化的方式获得商业化指标和用户体验的均衡?最近几个月的时间在做亿级用户商业化产品,在做的项目……设计团队如何推进OKR实现设计赋能OKR是一套定义和跟踪目标及其完成情况的管理工具和方法,如何通过OKR提升团队效率呢?本篇文章作者分享了自己团队推行OKR目标方法论的相关经验。10月初,在我们团队内宣贯……深度解读“超宽一体屏”体验设计八大原则(一)大屏的诞生是显示屏技术成熟的发展趋势?还是用户需求的驱动?亦或是汽车品牌差异化创新诉求?从TeslaModelS的17英寸大屏伊始到Byton以49英寸超宽一体大屏的亮相……如何“从0到1”打造云客服产品的客户订单管理系统?订单管理是客户运营管理的一部分,是客户运营的核心部分,它承载着客户服务与客户交互的整个过程记录。那么,如何“从0到1”打造云客服产品的客户订单管理系统?云客服产品是指Sa……一款洗手间产品的诞生物业客户提出要设计一款减少女性厕所等待时间的产品,看似无从下手但是却有普遍性,并给产品人很多思考的空间。某物业客户准备运营一所大型的商业广场,需要规划一款洗手间厕位管理的……交互细节:页面链接打开方式探讨本篇文章分别从页面打开方式的类型、当前页打开新开页面、弹出框三方面对页面链接打开方式进行了探讨,给大家提出一些意见以供参考。页面打开方式作为链接产品路径的基础,在……设计思考:BS结构服务中,如何提高资源信息的预览体验?最近笔者主导了一个教育资源网站的搭建过程,在对优化预览功能体验方案中颇有体会,认为从产品价值、用户体验都值得去思考,下面和大家分享一下我的思考路径!先交待一下背景网……实例剖析:0起步做积分商城的10个转化点(上篇)积分商城真是个令人恐惧的东西,玩好了趣味横生,指标有交代。玩不好,用户不活跃,留存一波走,也是百分之百的心累。背景由于借贷行业的原因,app次日留存在20左右,日打……想创造一套自己的视觉语言,可以从这9个方面入手视觉语言本身可以具备足够明显清晰的特色,就像每个人的表达方式和口音一样,这使得视觉语言本身可以强化和凸显品牌特色。那么想要创建一套属于自己的视觉语言,可以从9个方面入手。……
ToBSaaS软件如何才能像ToC一样极致易用?MaterialDesign深色主题设计组件规范计算广告中主要模块、策略及其场景(下)好的设计,不会过分打扰用户如何设计产品的roadmap?从产品角度,看小程序的设计不是产品老了,而是你老了DesignThinking:行为逻辑、创新窘境与妥协艺术3年收获1。8亿用户,深度拆解Keep产品内容设计产品设计中需要了解的10个心智模型长文解析:裂变海报的设计方法论干货分享:如何更好地使用栅格系统凤孤飞三岁前,教会孩子懂三规明三礼,孩子会受用一生!失明骗了观众29年的明星,春晚小品年年有她,你猜到她是谁了吗又是一个星期天的早晨作文小学养成教育工作总结精选多篇失败乃成功之母读((顶碗少年))有感继地摊经济后,实体店商家也迎新利好?来看内行人怎么说小学生心情日记大全300字委托的合同薏米红豆粥做法有哪些呢中国诗词大会北大女博士五题全对,仅得38分,吐槽打分机制

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界