阅读 1748

Android仿淘宝、京东商品选择器

效果图如下

效果图
)

sku相关数据

SKU相关数据大致如下,其他参数可根据自身项目自由扩展

{
  "pid": 10001,//商品id
  "pictureUrl"://商品主图
   "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1564393109966&di=95d3036dc6282a14fda223c3b55284be&imgtype=0&src=http%3A%2F%2Fimg4.vipshop.com%2Fupload%2Fmerchandise%2F27600%2FZIMMUR-ZMCQ2028-2.jpg",
  "stockQuantity": 939,//商品总库存
  "maxPrice": 199.00,//最高价
  "minPrice": 699.00,//最低价
  "skus": [
    {
      "sid": 10001,//skuid
      "price": 199.00,//价格
      "pictureUrl": //商品图
      "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1564393109966&di=95d3036dc6282a14fda223c3b55284be&imgtype=0&src=http%3A%2F%2Fimg4.vipshop.com%2Fupload%2Fmerchandise%2F27600%2FZIMMUR-ZMCQ2028-2.jpg",
      "stockQuantity": 133,//该商品库存
      "attributes": [
        {
          "value": "M",
          "key": "尺码"
        },
        {
          "value": "绿松石蓝色",
          "key": "颜色"
        }
      ]
    } 
  ]
}

复制代码

相关设置

1.不同状态显示的设置 sku_item_text_selector.xml sku单item字体显示的三种状态设置 sku_item_selector.xml sku单item显示的三种状态设置 quantity_operator_text_selector.xml 加减按钮的状态设置 sku_quantity_input_selector.xml 输入框两种输入状态设置 sku_quantity_minus_selector.xml 减按钮的背景状态设置 sku_quantity_plus_selector.xml 加按钮的背景状态设置

2.最大高度、最小高度设置 SkuMaxHeightScrollView中可在xml中设置maxSkuHeight、minSkuHeight,而SkuSelectScrollView继承自SkuMaxHeightScrollView也可直接设置

<com.madreain.sku.view.SkuSelectScrollView
     android:id="@+id/scroll_sku_list"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     app:maxSkuHeight="230"
     app:minSkuHeight="88"
     android:layout_marginTop="5dp" />
复制代码

相关函数

scrollSkuList.setOnSkuListener(new OnSkuListener() {
            @Override
            public void onUnselected(SkuAttribute unselectedAttribute) {
            
            }

            @Override
            public void onSelect(SkuAttribute selectAttribute) {
              
            }

            @Override
            public void onSkuSelected(Sku sku) {
             
            }
        });
复制代码

根据不同业务场景对监听方法做处理

项目地址