本实例直接从当前项目中拉出来，实现的功能简单，但是在自己实现的时候用的代码老多多，而且当前只接收两组属性，不过属性实现了自动向下布局，超出屏幕可以上下滑动，但封装性不强，希望得到牛人指点。
下面简单介绍实现方法。
1.购物车属性选择功能
购物属性选择.gif
- 获取物品属性信息，并将数据直接转换为模型数据。
/**
* 获取 商品属性 数据
*/
- (void)getGoodAttrData {
NSString *URL = [NSString stringWithFormat:@"%@/App/Sylm/yclist",SERVERURL];
NSMutableDictionary *paramas = [NSMutableDictionary dictionary];
paramas[@"method"] = @"goods_attr";
paramas[@"goods_id"] = @"11";
[LXHttpTool post:URL params:paramas success:^(id json) {
NSLog(@"%@", json);
NSInteger status = [json[@"status"] integerValue];
if (status == 1) {
NSArray *goodAttrsArr = [GoodAttrModel mj_objectArrayWithKeyValuesArray:json[@"data"]];
self.goodAttrsArr = goodAttrsArr;
} else {
[SVProgressHUD showErrorWithStatus:@"暂无商品属性" maskType:SVProgressHUDMaskTypeGradient];
}
} failure:^(NSError *error) {
[SVProgressHUD showErrorWithStatus:@"请重新加载" maskType:SVProgressHUDMaskTypeGradient];
NSLog(@"%@", error);
}];
}
- 传递数据模型，生成相应的物品属性按钮，其中主要用到的是for循环实现对按钮的布局。代码如下：
NSArray *attrValueArr0 = ((GoodAttrModel *)goodAttrsArr[0]).attr_value;
CGFloat one_btnsX = kBigMargin;
CGFloat one_btnY = CGRectGetMaxY(_firstAttributeLbl.frame) + kSmallMargin;
for (int i = 0; i < attrValueArr0.count ; i++) {
NSString *btnTittle = ((GoodAttrValueModel *)attrValueArr0[i]).attr_value;
CGSize size = [btnTittle sizeWithAttributes:[NSDictionary dictionaryWithObjectsAndKeys:kButtonTextFont, NSFontAttributeName, nil]];
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
[btn setTitle:btnTittle forState:UIControlStateNormal];
btn.titleLabel.font=[UIFont boldSystemFontOfSize:13];
btn.tag = i;
[btn addTarget:self action:@selector(attrs1BtnClick:) forControlEvents:UIControlEventTouchUpInside];
btn.frame = CGRectMake(one_btnsX, one_btnY, size.width + 30, 35);
one_btnsX += kBigMargin + size.width + kBigMargin;
while (one_btnsX > kScreenW) {
one_btnsX = kBigMargin;
one_btnY += 45;
if ((one_btnsX + size.width + 30) > kScreenW) {
one_btnsX = kBigMargin;
break;
}
btn.frame = CGRectMake(one_btnsX, one_btnY, size.width + 30, 35);
one_btnsX += 15 + size.width + kBigMargin;
}
[btn defaultStyleWithNormalTitleColor:HX_RGB(136, 137, 138) andHighTitleColor:kWhiteColor andBorderColor:LXBorderColor andBackgroundColor:kWhiteColor andHighBgColor:kMAINCOLOR andSelectedBgColor:kMAINCOLOR withcornerRadius:2];
[self.scrollView addSubview:btn];
[self.firstBtnsArr addObject:btn];
}
- 通过Block来传递选中的属性，如下：
@property (nonatomic, copy) void (^sureBtnsClick)(NSString *num, NSString *attr_id, NSString *goods_attr_value_1, NSString *goods_attr_value_2);
#pragma mark - 按钮点击事件
- (void)sureBtnClick {
// 购买数量
NSString *num = self.buyNumsLbl.text;
// 属性ID str
NSString *attr_id1 = [NSString stringWithFormat:@"%@-%@", _goods_attr_1, _goods_attr_value_1];
NSString *attr_id2 = [NSString stringWithFormat:@"%@-%@", _goods_attr_2, _goods_attr_value_2];
NSString *attr_id = [NSString stringWithFormat:@"%@|%@", attr_id1, attr_id2];
if (self.sureBtnsClick) {
self.sureBtnsClick(num, attr_id, self.goods_attr_value_1, self.goods_attr_value_2);
}
[self removeView];
}
2.购物车功能
-
选择，删除（+滑动删除）和收藏功能
其中大部分通过block来实现，涉及的逻辑有些绕，好乱，不过功能还是实现了。效果如下图：
购物车功能演示
3.订单确认页面
- 实现购物车选定商品之后，进入订单确认支付页面。
- 有三种支付方式：支付宝、微信和银联。
-
收货地址选择（未完成）。
效果图如下：
订单确认
小结：回头研究下用SDAutoLayout来实现此种自动布局，最近一直在体验此框架。
令附上Demo地址--->传送门[Github]，注：在此感谢朋友的阅读。
