1. 首页
  2. 考试认证
  3. 其它
  4. 仿阿里巴巴/电商规格选择器,电商通用规格选择器

仿阿里巴巴/电商规格选择器,电商通用规格选择器

上传者: 2024-07-26 11:30:28上传 ZIP文件 10.08KB 热度 28次

因为demo太大请移步github:GHAlibabaSpecificationSelectionDemoiOS仿阿里巴巴/电商规格选择器电商通用规格选择器

初始化

确定按钮颜色置灰,不可点击。当spu颜色数量大于1个时,显示颜色导航,底部列表可以滚动,反之隐藏,布局自适应。如果有颜色导航,输入或点击+ -按钮,颜色导航对应的颜色数字同步变化,如果数量大于99显示99+;如果数量小于1不显示。点击> <底部列表和颜色导航同步滚动。

输入或点击+ -按钮,当按+到最大库存+置灰;当按-到0 -置灰。点击输入框,键盘弹出,规格选择器上移;点击完成,键盘收回,规格选择器回到原位。

点击颜色导航条的颜色标签,高亮被点击颜色标签并滚动到屏幕中心,底部列表滑动到对应位置,同时切换sku图片。当输入或者点击数量大于1,确定按钮可点击,颜色高亮。当库存不足的时候,输入框下显示库存不足标签。输入框不可输入0 ,. 。列表行自适应高度,布局中心对齐。点击背景遮罩或者x ,收回弹窗。动态输入监听,同步显示,根据输入判定确定状态。

数据模型

重新组装,适配iPhoneX及以上系列。使用demo数据是从接口获取,需要连接wifi或蜂窝网络。数据结构包括GHSpecificationSelectionTitleModel颜色导航器模型GHSpecificationSelectionModel sku模型GHSpecificationSelectionImageModel图片模型。初始化对象GHAlibabaSpecificationSelection继承GHPopView ,GHPopView已经封装好弹出/收回动画,外部无需重复处理。

方法

  • show

  • dismiss

传入数据源:

  • skuList:skuModel数组

  • colors:颜色数组(非必传,如果为空,不显示颜色导航)

  • sectePrice:价格区间字典


[self.alibabaSpecificationSelection setSkuList:specifications colors:colors sectePrice:sectePrice];

取出用户选择:


_alibabaSpecificationSelection.getDataBlock = ^(NSArray * dataArray) {

    NSMutableString *string = [NSMutableString string];

    for (NSDictionary *dict in dataArray) {

        [string appendFormat:颜色:%@数量:%@ id:%@,dict[color],dict[skuNum],dict[skuId]];

    }

    KAlert用户选择的数据, string;

};

重置数据:

在这个方法内部清除所有count,底部scrollview滚动到初始化状态,底部确定按钮初始化状态,scrollTitles初始化。


- (void) resetData;

相关文件下载

与我联系:45329453@qq.com

下载地址
用户评论