Android仿淘宝、京东商品选择器 [复制链接]

2019-8-7 10:23
Torr 阅读:849 评论:0 赞:0
Tag:  商品选择器

效果图如下

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) {

}
});

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


我来说两句
您需要登录后才可以评论 登录 | 立即注册
facelist
所有评论(0)
领先的中文移动开发者社区
18620764416
7*24全天服务
意见反馈:1294855032@qq.com

扫一扫关注我们

Powered by Discuz! X3.2© 2001-2019 Comsenz Inc.( 粤ICP备15117877号 )