《Axure中继器实现购物车总价格、数量加减计算操作实例》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强操作实例,交互产品等多维度案例或实操来进行更多的学习;此教程是由zilin在2021-06-07发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。
今天教大家用Axure中继器实现购物车总价格、数量加减计算操作实例,根据商品的数量和价格,对应获得正确的总价,快来挑战一下吧,具体操作步骤如下:
同理,
中继器,两个文本标签,一个文本标签写上预算;另一个文本标签取名为total用于显示金额。
中继器内部制作准备:图片元件取名为tp,三个文本标签分别取名为mc、jg和sl,减号按钮,加号按钮。
中继器交互用例设置:中继器添加三列分别为tp、mc、jg,然后添加数据。
中继器每项加载时添加用例:每项加载时,设置文本jg的值等于函数¥[[]]、文本mc的值等于函数[[]]、设置图片tp的值等于函数[[]]。
中继器交互用例完成之后,最主要的就是,后面在加减号按钮上添加的交互。
加号按钮添加用例:当鼠标点击时添加用例
文本sl的值=函数[[LVAR1+1]]-局部变量函数LVAR1=元件sl的文字
设置:
文本总价total的值=函数¥[[(1)+]]
((1):表示从第二个字符开始,截取当前交互所控制的total元件里面的文字字符)
减号按钮添加用例:当鼠标点击时添加用例——添加条件sl>0
(不添加条件的话当你点击减号会出现负数)
以上就是Axure中继器实现购物车总价格、数量加减计算操作实例全部内容介绍了,关于更多axure9教程信息,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。
赠人玫瑰,手有余香
< 上一篇 axure中继器使用教程之制作直播视频的卡片列表操作实例
> 下一篇 axure中继器使用教程
2022-06-29 09:46
2022-06-16 09:55
首席设计师
高级视觉设计师
高级插画设计师
输入的验证码不正确
评论区
暂无评论