快生活 - 生活常识大全

教程数量加减的实现


  我的上一篇文章是《Axure教程:实现商品分享功能》,原本计划下一篇写的是《Axure教程:实现商品规格选择功能》,但在制作途中发现内容比较多,所以就先打算拆解开来分几篇文章来写。这一篇是其中一个非常简单的功能->商品数量的增减。
  原型预览
  刚开始:
  点三下"加"矩形后:
  点两下"减"矩形后:
  预览地址:https://tcv3k3.axshare.com
  所需元件
  "减"矩形:
  "数量"矩形:
  "加"矩形
  操作步骤
  (1)设置"减"矩形交互——鼠标单击时
  1)编辑条件,因为放在商品的实际案例里数量是不能为0的。
  2)设置Case1
  (2)设置"加"矩形交互——鼠标单击时
  说明:"加"矩形相比"减"矩形少了编辑条件,Case1的设置相似,只是将"-1"改为了"+1"。假如放到商品的实际案例里,加应该也是有条件的,例如"限购x件"、"库存x件",那么这个x就是加的上限。
  (3)按F5预览原型操作看看
  小记
  这个案例确实太简单了。可以巩固一下:编辑条件、给元件命好名、设置文本时使用简单地函数。
网站目录投稿:映柏